為了凍結(jié)列,您需要定義 frozenColumns 屬性。frozenColumn 屬性和 columns 屬性一樣。

網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了興山免費(fèi)建站歡迎大家使用!
$('#tt').datagrid({ title:'Frozen Columns', iconCls:'icon-save', width:500, height:250, url:'data/datagrid_data.json', frozenColumns:[[ {field:'itemid',title:'Item ID',width:80}, {field:'productid',title:'Product ID',width:80}, ]], columns:[[ {field:'listprice',title:'List Price',width:80,align:'right'}, {field:'unitcost',title:'Unit Cost',width:80,align:'right'}, {field:'attr1',title:'Attribute',width:100}, {field:'status',title:'Status',width:60} ]]});
您不需要寫任何的 javascript 代碼,這樣您就能創(chuàng)建一個數(shù)據(jù)網(wǎng)格(datagrid)組件,如下所示:
table id="tt" title="Frozen Columns" class="easyui-datagrid" style="width:500px;height:250px" url="data/datagrid_data.json" singleSelect="true" iconCls="icon-save" thead frozen="true" tr th field="itemid" width="80"Item ID/th th field="productid" width="80"Product ID/th /tr /thead thead tr th field="listprice" width="80" align="right"List Price/th th field="unitcost" width="80" align="right"Unit Cost/th th field="attr1" width="150"Attribute/th th field="status" width="60" align="center"Stauts/th /tr /thead/table
MagicGrid 是一個 jQuery 的表格插件,易于使用,易于擴(kuò)展,雖然只提供有限的功能,但良好的設(shè)計使之非常容易擴(kuò)展,只需少量代碼就可實現(xiàn)多項功能 多行表頭(multi headers),行展開(expandable),固定列(fixed column)
原生的Jquery dataTable沒有這個功能的支持哦,只能自己用js和css限定,非常復(fù)雜
如果一定要實現(xiàn)這種效果,建議使用easyui,調(diào)用簡單方面,而且一個參數(shù)即可支持【鎖定列的橫向滾動】功能。
實例以及源代碼:
;tree.html#datagrid
第一個example就是你需要的【鎖定列的橫向滾動】哦
分享名稱:jquery固定列,jquery grid 固定列
轉(zhuǎn)載注明:http://chinadenli.net/article32/dsejspc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、電子商務(wù)、品牌網(wǎng)站設(shè)計、、服務(wù)器托管、網(wǎng)站收錄
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)