jquery - jQuery UIタブのテーブル構造

Question

アプリケーションには 2 つのタブがあり、各タブにはサーバーからのデータテーブルが表示されます。2番目のタブをクリックすると、スタイルや検索ボックスのないテーブルのデータのみが表示されます。

これが私の見解です...

• 公開されていない取引
• 公開された取引
• index.php/settings/providerdeal/index">取引を作成する

S.No. ディール タイトル ディール タイプ 開始日 終了日 ステータス アクション S.No. 取引のタイトル 取引の種類 開始日 終了日 ステータス アクション

and js................ //レコードの読み取り start function readUsers() {

    //display ajax loader animation
    $('#ajaxLoadAni').fadeIn('slow');

    $.ajax({
        url: readUrl,
        dataType: 'json',
        success: function(response) {
            for (var i in response) {
                response[ i ].serial_number = parseInt(i) + 1;
                response[ i ].updateLink = updateUrl + '/' + response[ i ].deal_id;
                response[ i ].deleteLink = delUrl + '/' + response[ i ].deal_id;
            }

            //clear old rows
            $('#records > tbody').html('');

            //append new rows
            $('#readTemplate').render(response).appendTo("#records > tbody");

            //apply dataTable to #records table and save its object in dataTable variable
            if (typeof dataTable == 'undefined')
                dataTable = $('#records').dataTable({
                    "bJQueryUI": true
                });

            //hide ajax loader animation here...
            $('#ajaxLoadAni').fadeOut('slow');
        }
    });
} // end readUsers
//Read records end



function preadUsers() {

    //display ajax loader animation
    $('#ajaxLoadAni').fadeIn('slow');

    $.ajax({
        url: readUrl1,
        dataType: 'json',
        success: function(response) {
            for (var i in response) {
                response[ i ].serial_number = parseInt(i) + 1;
                response[ i ].updateLink = updateUrl + '/' + response[ i ].deal_id;
                response[ i ].deleteLink = delUrl + '/' + response[ i ].deal_id;
            }

            //clear old rows
            $('#precords > tbody').html('');

            //append new rows
            $('#preadTemplate').render(response).appendTo("#precords > tbody");

            //apply dataTable to #precords table and save its object in dataTable variable
            if (typeof dataTable == 'undefined')
                dataTable = $('#precords').dataTable({
                   "bJQueryUI": true
                });

            //hide ajax loader animation here...
            $('#ajaxLoadAni').fadeOut('slow');
        }
    });
} // end readUsers
//Read records end