Footable, made for bootstrap, does not display icons in columns

Question

When you will inspect element the <td> tag is blank and if you include icon code there it will be displayed, but on page load the column is blank. Kindly refer the link of code below.

<td><i class="glyphicon glyphicon-ok"></i>
<i class="glyphicon glyphicon-trash"></i>
</td>

goes blank, refer following code:

https://plnkr.co/edit/s3kz3owDVg1qHjkFJe01?p=preview

Answer 1

You need to add data-type="html" to any header or cell that will contain HTML. By default HTML is sanitized for sorting purposes. You can read more about it here on GitHub.