Adding a table tag via JavaScript with a dashed parameter

Question

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);

Possible duplicate of [Set data attribute using JavaScript](https://stackoverflow.com/questions/11286661/set-data-attribute-using-javascript) — evolutionxbox, Nov 16 '17 at 16:01

score 2 · Accepted Answer · answered Nov 16 '17 at 16:07

You could use the dataset in this case like :

table_div.dataset.pagination = true;

Hope this helps.

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)

score 1 · Answer 2 · answered Nov 16 '17 at 15:53

1

table_div.setAttribute('data-pagination', 'true')

answered Nov 16 '17 at 15:53

Kostas

1,903
1
16
22

Or `table_div.dataset.pagination = true` – evolutionxbox Nov 16 '17 at 15:59

Adding a table tag via JavaScript with a dashed parameter

2 Answers2