|
Chgrid的簡單功能介紹:
1:支持自定義排序
2:支持列寬度的拖放
3:支持自定義函數
4:支持分頁
5:支持自動編號
6:多瀏覽器支持,支持ie6,ie7,ff,opera
7:div布局
已知問題:
1:由于使用的div布局,如果使用margin或者padding會改變定義的列寬度,所以目前文字只能居中或者靠左或靠右,不能使用padding控制位置
目前解決辦法是可以在每個div里面再附加一個div,用這個div的margin屬性來控制其位置。
2:內容在超出容器寬度的時候,拖動會有點小問題,。
怎樣修改樣式:
如果不改變風格,大家只要對如下部分代碼調整就可以
Chgrid_column0{ width:20px;}
.Chgrid_column1{ width:100px;}
.Chgrid_column2{ width:80px;}
.Chgrid_column3{ width:120px;}
.Chgrid_column4{ width:100px;}
每多一列就再加一行比如.Chgrid_column5{ width:100px;}
注意:最后一列是不用定義寬度的,程序會自動調整
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
其它優秀的grid控件參考:
http://www.activewidgets.com
http://www.yui-ext.com/deploy/ext-1.0-alpha3/docs/
請千萬不要把我這款控件跟它們比較,差距較大,不過我也有優勢,使用起來比較簡單,速度也快:)
本來想多加點數據,結果發現超過限制了,大家測試的時候自己多搞點數據測試其速度如何。
[ 本帖最后由 cityvoice 于 2007-3-15 16:52 編輯 ]
JavaScript技術:javascript表格控件:Chgrid,簡化型,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。