bootgrid没有显示数据

时间:2015-01-29 12:35:51

标签: jquery asp.net

我正在使用Jquery bootgrid插件按钮点击我正在初始化插件但是当插件初始化时数据丢失虽然我说显示1-78条记录但是没有记录可见我检查通过chrome开发人员工具,但不存在数据 表格来自gridview asp.net

webforms

插件网址:http://www.jquery-bootgrid.com/

JS CODE

function testBtn() {
            $("table.rt").bootgrid();
        }

HTML CODE

 <button id="init-basic" type="button" 
class="btn btn-lg btn-primary" onclick="testBtn();">
                            Prettify Table</button>

enter image description here

2 个答案:

答案 0 :(得分:1)

检查html中的以下内容,如果没有这些标记我会得到奇怪的结果:

  • 确保将一列指定为:data-identifier =&#34; true&#34;
  • 确保所有列都具有数据ID属性:data-column-id =&#34; GroupID&#34;

请参阅下面我工作表中的摘录:

    <thead>
        <tr class="active">
            <th data-column-id="GroupID" data-identifier="true" data-type="numeric">ID</th>
            <th data-column-id="GroupName" data-order="asc">Name</th>
            <th data-column-id="GroupDesc">Description</th>
        </tr>
    </thead>  

答案 1 :(得分:0)

我有同样的问题;事实证明我没有包含<thead>标签 - 如上所述。

<table id="tradeBook" class="table table-condensed table-hover table-striped">
<thead>
    <tr>
        <th data-column-id="index" data-type="numeric" data-identifier="true">Index</th>