基于jQuery的GridView-FlexiGrid的使用和改造（1）－－如何使用，完全参数说明

核心提示： 虽然它文档欠缺，但是有3个比较有用的Demo可以参考，基于jQuery的GridView-FlexiGrid的使用和改造（1）－－如何使用，完全参数说明(2)，本来想写一下如何在ASP.NET MVC中使用它，G了一下，（代码统一在下节下载）先来看看它的功能有哪些吧？官方的功能列表Resizab

虽然它文档欠缺，但是有3个比较有用的Demo可以参考，本来想写一下如何在ASP.NET MVC中使用它，G了一下，忽然

在CodeProject有一篇介绍的文章已经非常细致了:http://www.codeproject.com/KB/aspnet/MVCFlexigrid.aspx

大家直接访问查看即可。

虽然FlexiGrid的外观已然不错，但是灰色的默认风格却是我不大喜欢，所以我把它改成蓝色了。

图片看不清楚？请点击这里查看原图（大图）。

HTML结构导致比较中规中矩的，即每个部分都有单独的div容器包裹，功能比较独立也可以通过属性设置是否显示，有一点需要注意的就是

表头和表格实际的内容不在一个容器中，这样可以达到下拉滚动时表头固定，而在横向滚动时同步表头滚动。

修改CSS过程繁杂而漫长，但最终的效果自己还是非常满意，这里就不做分析了，因为真的很多，所以就略过了吧。（代码统一在下节下载）

先来看看它的功能有哪些吧？官方的功能列表

Resizable columns　 （重设列宽，酷）

Resizable height and width　 （重设表格大小，这个好像实际应用的不多）

Sortable column headers　 (改变列的顺序)

Cool theme （很酷的风格，现在就更酷了）

Can convert an ordinary table　 （可以格式化一个普通的表格）

Ability to connect to an ajax data source (XML and JSON[new])　 （支持多种数据格式）

编缉推荐阅读以下文章

• 暂无相关文章