JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<script src="https://datatables.net/release-datatables/media/js/jquery.dataTables.js"></script>
<input type="text" id="Search_All" />


<table id="example" class="table table-striped">
    <thead>
        <tr>
            <th>TC NAME</th>
            <th>NS FLOW</th>
            <th>SN FLOW</th>
        </tr>
    </thead>
    <tbody>

        <tr>
            <td>
                <table>
                    <tr>
                        <td>TC1</td>
                    </tr>
                    <tr>
                        <td>TC2</td>
                    </tr>
                    <tr>
                        <td>TC3</td>
                    </tr>
                    <tr>
                        <td>TC4</td>
                    </tr>
                    <tr>
                        <td>TC5</td>
                    </tr>
                    <tr>
                        <td>TC6</td>
                    </tr>
                    <tr>
                        <td>TC7</td>
                    </tr>
                    <tr>
                        <td>TC8</td>
                    </tr>
                    <tr>
                        <td>TC9</td>
                    </tr>
                    <tr>
                        <td>TC10</td>
                    </tr>
                    <tr>
                        <td>TC11</td>
                    </tr>
                    <tr>
                        <td>TC12</td>
                    </tr>
                </table>

            </td>

            <td>
                <table>
                    <tr>
                        <td>AB1</td>
                    </tr>
                    <tr>
                        <td>AB2</td>
                    </tr>
                    <tr>
                        <td>AB3</td>
                    </tr>
                    <tr>
                        <td>AB4</td>
                    </tr>
                   ...

CSS

.dataTables_empty {
    display: none;
    }

JavaScript

$.fn.dataTableExt.oApi.fnFilterAll = function (oSettings, sInput, iColumn, bRegex, bSmart) {
        var settings = $.fn.dataTableSettings;
        for (var i = 0; i < settings.length; i++) {
            settings[i].oInstance.fnFilter(sInput, iColumn, bRegex, bSmart);
        }
    };

    const columns = [
      { title: '' },
    ]

    $(document).ready(function () {
        $('#example').DataTable({
            searching: false,
          createdRow: function(row) {
            $(row).find('td table')
              .DataTable({
                columns: columns,
                dom: 't'
              })
          }
        });

        let mytable = $('#example').dataTable();
        let mytable2 = $('td table').dataTable();



        $("#Search_All").keyup(function () {
            mytable.fnFilterAll(this.value);
            mytable2.fnFilterAll(this.value);
        })

    })