Jquery.flexigrid 是一個基于 jQuery 以及 jQuery UI 的表格應用插件,非常適合用于構建數據列表或文件管理等關鍵信息展示性質的場景。下面是我在使用 Jquery.flexigrid 插件的過程中總結的一些經驗。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> <link rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/flexigrid/1.1/js/jquery.flexigrid.min.js"></script>
如上所示,我們需要引入 Jquery、Jquery UI 以及 Jquery.flexigrid 插件的 JavaScript 和 CSS 文件。
$(document).ready(function() { $("#flex1").flexigrid({url : '/data/list'}); });
在具體使用 Jquery.flexigrid 插件時,可以按照上述方式自定義一個 HTML 頁面,并在 JavaScript 中給定一個 URL,該 URL 返回的數據就是我們想要在表格中展示的數據。
Jquery.flexigrid 作為一款輕量級的表格插件,受到了很多開發者的歡迎和支持。在使用過程中,我們還可以根據自己的實際需要,自定義該插件的許多配置項,例如表格寬度、分頁大小、排序方式等等。