my socketio-flask doesn't "break" into cells in html table

[lucaspferro]

Here is the preview of my app.py that I send my messages with socketio

def background_thread():
    count = 0
    while True:    
        consumer = KafkaConsumer('poll-value')
        for message in consumer:
            my_bytes_value = message.value
            my_json = my_bytes_value.decode('utf8').replace("'", '"')
            data = json.loads(my_json)
            s = json.dumps(data, indent=4, sort_keys=True)
            print(s)
            with open("sample.json", "w") as outfile: 
                  json.dump(data, outfile)    
            with open('sample.json', 'r') as openfile: 
                  json_object = json.load(openfile) 
            socketio.sleep(5)
            count += 1
            socketio.emit('my_name',
                {'data': json_object["name"], 'count': count})
            socketio.emit('my_value',
                {'data': json_object["value"], 'count': count})
            socketio.emit('my_satus',
                {'data': json_object["connected"], 'count': count}) 
            socketio.emit('my_message',
                {'data': json_object["message"], 'count': count})    
            socketio.emit('my_severity',
                {'data': json_object["severity"], 'count': count})

I used '.insertAdjacentHTML' for the others, but the messages don't add a new cell in the table (all messages are different so I need a dynamic table)

socket.on('my_name', function(msg,cb) {
              $('#log_name').append('<br>' + $('<div/>').text('   '+ msg.count + ': ' + msg.data).html());
              if (cb)
                  cb();
              document.getElementById( 'dt-multi-checkbox' )
                .insertAdjacentHTML( 'beforeend',
                  `<tr><td></td><td>${msg.data}</td><td></td></td></tr>`
          );`
`<thead>
              <tr>
               {% for header in headings %}
                  <th class="th-sm">{{ header }}</th>
               {% endfor %}
              </tr>
            </thead>
            <tbody>
              <tr>
              <td></td>
              <td id="log_name" ></td>
              <td id="log_value"></td>
              <td id="log_status"></td>
              <td id="log_message"></td>
              <td id="log_severity"></td>
              </tr>

If anyone can help me

[miguelgrinberg]

This is a forum for Flask-SocketIO questions. Your question is strictly a front-end JavaScript question, I suggest you post your question in Stack Overflow.

[lucaspferro]

ok thanks!