Question

我正在尝试使用DataTables属性显示表。

单击“显示所有数据”链接时，我正在加载一个jsp页面，该页面有查询，然后是<td>数据表，但缺少数据表属性。我看不到备用行颜色和搜索功能。

请帮我如何在加载时将Datatables属性传递给RefreshRecentData.JSP。以下是我的JS：

function updateData()
{

$("#loadAllData").html("");
if ($("#dataLink").text()==="Show all data") {
      $('#change_heading').hide();
    $.ajax({
        type: "POST",
        url: "RefreshRecentData.jsp",
        data: {Param: 'PR'},
        dataType:'html',
        cache:false,
        success:function(html){
            $("#loadAllData").html(html);
            $("#dataLink").text("Show only few data");

      }});
}
}

这是我的HTML

<th class="fieldName" nowrap="nowrap" align="center" style="width:60%;text-align: left" title="Recent Data">Recent Data<span align="right" ><a id="dataLink" style="cursor:pointer;" style="padding-left: 600px;"onclick="updateData()"><u>Show all data</u></a></span>

这是我的表结构

<table id="table_id" class="display" style="width:100%;">
    <thead>
        <th class="althead" style="width:7%;">Date</th>
        <th class="althead" style="width:9%;">Apps</th>

        </tr>

    </thead>
    <!--Queries and getting data setting in bean etc here -->
    <tr>
        <td>Date</td>
        <td>Apps</td>
    </tr>

数据表

$('table_id').dataTable( {
                "aaSorting": [[ 0, "desc" ]],
                "bPaginate": false,
                "bInfo": false,
                "sScrollY": "250px",
                "sScrollX": "100%",
                "bScrollCollapse": false,
                "iDisplayLength": 4,
                "aLengthMenu": [4,5,6,8]
            } );

重新加载页面后缺少数据表属性

0 个答案: