<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script src="https://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

​

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.2/css/jquery.dataTables.min.css"/>

​

<script>

​

    $.fn.dataTable.ext.type.order['html-pre'] = function (a) {

        return !a ?

                '' :

                a.replace ?

                        $.trim(a.replace(/<.*?>/g, "").toLowerCase()) :

                a + '';

    };

​

    $(document).ready(function () {

​

        $('#toollist').dataTable({

            "iDisplayLength": 10,

            "scrollY": "500px",

            "scrollCollapse": true,

            "lengthMenu": [5, 10, 25, 50, 100],

​

        });

    });

​

</script>

​

<table id="toollist" class="display table-bordered ">

    <thead>

    <tr>

        <th>Column1</th>

    </tr>

    </thead>

    <tbody>

    <tr>

        <td rowspan="1">

            <a href="https://www.google.com">

                <strong>A</strong></a></td>

​

    </tr>

    <tr>

        <td rowspan="1"><strong>A</strong><br/></td>

​

    </tr>

    <tr>

        <td rowspan="1">

            <strong>C</strong><br/></td>

​

    </tr>

    <tr>

        <td rowspan="1"><strong>B</strong><br/></td>

​

    </tr>

    <tr>

        <td rowspan="1">

            <a href="https://www.google.com"><strong>D</strong></a></td>

​

    </tr>

​

    <tr>

        <td rowspan="1">

            <a href="https://www.google.de">

                <strong>E</strong></a></td>

​

    </tr>

    </tbody>

</table>