data-value and data-text in from html example

Description

I’m trying something out where I have a Bootstrap Table from html.

It’s basically an existing app where we want to spice some tables with search and sort functionality.

As the tables are based on html some of the column fields contain html like to link to a detail page , or even other tags for cosmetic purpose like showing Bootstrap Badges.

Now when searching it also matches results from the html code - which makes sense.

Without rewriting the whole tables I was looking if I could do something smart and then I noticed data-value and data-text in the from html example: https://examples.bootstrap-table.com/#welcomes/from-html.html

This sounded exactly what I wanted and I thought the data-value attribute could be use as value for eg the search and sort. But this attribute does not seem to do anything unfortunately.

1. What is the usage/idea behind these data-value and data-text attributes in the official from html example?
2. if these attributes are not meant for what Inwas hoping for os there something else I can do except rewriting the table; if no other solution I will do that but I want to explore my options.

Example(s)

https://examples.bootstrap-table.com/#welcomes/from-html.html

[marceloverdijk]

😄 I agree… https://en.wikipedia.org/wiki/Adolf_Brudes (racing driver). As his name starts with an “A” he is almost on top of my table 😉

[UtechtDustin]

Thanks for the good comments and examples. But i’m not sure if Adolf is a good example in combination with a german flag 😄