JSFiddle - React, Tailwind, and code Playground

by Roger Barroso

HTML

<table id="tbDocumentsList" class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th>Open</th>
                        <th>Document Type</th>
                        <th>File Format</th>
                        <th>No. Pages</th>
                        <th>Recorded Date</th>
                    </tr>
                </thead>
            </table>

JavaScript

var searchParameters = {};
var urlaction = "";
var table;
function loadSearchData(searchType) {

                //PENDING
                //var info = (table == null) ? { page: 0, length: 10 } : table.page.info();
                //searchParameters.pdraw = info.page + 1;
                //searchParameters.precordsTotal = info.length;
                //searchParameters.precordsCount = info.length;
                //searchParameters.precordsFiltered = info.length;

                searchParameters.pdraw = 1;
                searchParameters.precordsTotal = 10;
                searchParameters.precordsCount = 10;
                searchParameters.precordsFiltered = 10;

                switch (searchType) {
                    case 'basicSearch':
                        searchParameters.searchList = $('#textbox_basic').val();
                        searchParameters.doc_departmentID = '@Model.departmentID';
                        searchParameters.urlAction = '@Url.Action("BasicDocumentSearch", "Documents")' ;
                        break;

                    case 'advancedSearch':
                        searchParameters.searchList = createArray(@Model.searchCriteriaCount);

                        var docTypeSelect = $('#docDocTypeId');
                        var selectedDocType = docTypeSelect.val();
                        searchParameters.doc_departmentID = selectedDocType;
                        searchParameters.urlAction = '@Url.Action("DocumentSearch", "Documents")' ;
       
                        var i = 0;
                        var stringSearch;
                        var drpdwnSearchCriteria;
                        $('[id^=textbox_]').each(function (index, item) {
                            //GET THE VALUE FROM THE TEXTBOXES
                            }
                        });
                        break;
                }
            };

            function initializeDataTable(searchParameters) {
                table =...