javascript表格控制項:Chgrid,簡化型

來源:互聯網
上載者:User

本著自由共用的精神,把代碼帖出來,同時大家也可以一起來測試以及添加新功能,請大家根據網友提出的問題,把自己修改好的版本都帖出來跟在下面,最後作為一款比較全面的表格軟體。
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;}
注意:最後一列是不用定義寬度的,程式會自動調整 xmlns="http://www.w3.org/1999/xhtml">


相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.