Topic: Retain custom properties when instantiating datatable
Expected behavior If I am creating a datatable using a div with the class datatable around HTML, I would expect that custom data- attributes defined in the cells to be present in the final rendering. For example:
<!-- In my HTML file-->
<td data-my-custom-prop="42" ><small>Cell content</small></td>
...
<!-- when inspecting the element on the rendered page -->
<td [...styles from formatCell] data-mdb-field="field_3" false="" data-my-custom-prop="42">
<small>Cell content</small>
</td>
Actual behavior
<!-- In my HTML file-->
<td data-my-custom-prop="42" ><small>Cell content</small></td>
...
<!-- when inspecting the element on the rendered page -->
<td [...styles from formatCell] data-mdb-field="field_3" false="">
<small>Cell content</small>
</td>
I.e. the custom prop is not carried into the rendered datatable
Resources (screenshots, code snippets etc.)
We are currently working on more extensive tables. We do not plan to add such a feature in Datatables, but our new product will allow you to set custom classes, styles, and data attributes
Dylan DeMarco pro premium priority commented 12 months ago
Good to know! Thank you. In the meantime, I found a workaround for anyone else with a similar goal: if you put the cell content inside a within the table cell and give the div the custom property, it will be retained!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: -
- Device:
- Browser:
- OS:
- Provided sample code: No
- Provided link: No