I am using jsf 2.3 and bootstrap 4 in my project. The user should be able to reorder the rows of the table (I do not want to use PF dataTable). I use the following library: https://examples.bootstrap-table.com/#extensions/reorder-rows.html#view-source This work fine with a simple HTML page but in JSF I can not see the attribute (data-show-toggle, data-use-row-attr-func, data-reorderable-rows) in source of the page after it renders.
<h:dataTable value = "#{userData.employees}" var = "employee"
TableId="test"
data-show-toggle="true"
data-use-row-attr-func="true"
data-reorderable-rows="true">
<h:column>
<f:facet name = "header">Name</f:facet>
#{employee.name}
</h:column>
<h:column>
<f:facet name = "header">Age</f:facet>
#{employee.age}
</h:column>
<h:column>
<f:facet name = "header">Salary</f:facet>
#{employee.salary}
</h:column>
</h:dataTable>
and on load the following JS:
$('#test').bootstrapTable();
I am not sue if it is Ok to add these JS attribute to the JSF table ! Thank you so much in advance