Search

to get all the cells id after a sort,

plugin) component in all cells of a column . Can

support for this in cells or is it something

images embedded in table cells that the filter is

small images in some cells. I have added a

show links on some cells of each row, but

IN some of the cells of the first column

That's an interesting one - thanks for posting this. Good to hear you have a solution, although I will consider how I might be able to make this a bit more seamless in future. Allan

Link to test case: https://live.datatables.net/gucaruco/1/edit Debugger code (debug.datatables.net): NA Error messages shown: NA Description of problem: Hello, I have a simple example (see test case). When I create the datatable with an SVG in a column, it takes the entire available width instead of automatically sizing itself ("autoWidth": true) My example use the component JsBarcode: (see https://github.com/lindell/JsBarcode) <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.6/dist/JsBarcode.all.min.js" crossorigin="anonymous"></script> And this is the way to create the barcode: <td data-sort="1234567890128" data-search="1234567890128" data-filter="1234567890128"> <svg class="barcode" jsbarcode-format="ean13" jsbarcode-value="1234567890128"></svg> </td> Do you have any idea why the column is taking up all the available width? For your information, I did not have this behavior with v1.13.10 of the DataTables component. Thanks in advance for your help and have a nice day.

You'd need extra CSS statements to correctly display your own sort icons. For example you should explicity handle the classes dt-ordering-asc and dt-ordering-desc`. Which one of them is applied will define what icon to show. To hide the defaults, target the span.dt-column-order elements and display: none them. It might be easier just to modify the default CSS to your needs: https://live.datatables.net/gafawoha/20/edit . Allan