Search code examples
javascripttwitter-bootstrap-3bootstrap-table

Adding a table tag via JavaScript with a dashed parameter

I am trying to add a Bootstrap Table table tag with Javascript. One of the parameters for the table tag is data-pagination. This method of adding it, is failing due to the -.

How can I work around this?

Desired Output:

<table id="mytable" data-pagination="true" class="table table-striped"></table>

My code:

var table_div = document.createElement('table');
table_div.id = 'mytable';
table_div.className = "table table-striped";
table_div.data-pagination = "true";
document.body.appendChild(table_div);
Solution

  • You could use the dataset in this case like :

    table_div.dataset.pagination = true;

    Code:

    var table_div = document.createElement('table');
table_div.id = 'mytable';
table_div.className = "table table-striped";
table_div.dataset.pagination = "true";
document.body.appendChild(table_div);

console.log(document.body.innerHTML)