CODEWITHSUNDEEP
javascripttwitter-bootstrap-3bootstrap-table
user2242044
user2242044

Reputation: 9243

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

Upvotes: 1

Views: 58

Answers (2)

Zakaria Acharki
Zakaria Acharki

Reputation: 67525

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)

Upvotes: 2

Kostas
Kostas

Reputation: 1903

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

Upvotes: 1

Related Questions