Backgrid.jsHTML 表格组件
Backgrid.js 是一个基于 Backbone.js 用于构建语义和容易样式化的 HTML 表格组件。提供简单、直观的编程接口。
示例代码:
var Territory = Backbone.Model.extend({}); var Territories = Backbone.Collection.extend({ model: Territory, url: "examples/territories.json" }); var territories = new Territories(); // Fetch some countries from the url territories.fetch(); // Column definitions var columns = [{ name: "id", // The key of the model attribute label: "ID", // The name to display in the header editable: false, // By default every cell in a column is editable, but *ID* shouldn't be // Defines a cell type, and ID is displayed as an integer without the ',' separating 1000s. cell: Backgrid.IntegerCell.extend({ orderSeparator: '' }) }, { name: "name", label: "Name", // The cell type can be a reference of a Backgrid.Cell subclass, any Backgrid.Cell subclass instances like *id* above, or a string cell: "string" // This is converted to "StringCell" and a corresponding class in the Backgrid package namespace is looked up }, { name: "pop", label: "Population", cell: "integer" // An integer cell is a number cell that displays humanized integers }, { name: "percentage", label: "% of World Population", cell: "number" // A cell type for floating point value, defaults to have a precision 2 decimal numbers }, { name: "date", label: "Date", cell: "date", }, { name: "url", label: "URL", cell: "uri" // Renders the value in an HTML <a> element }]; // Initialize a new Grid instance var grid = new Backgrid.Grid({ columns: columns, collection: pageableTerritories, footer: Backgrid.Paginator }); // Render the grid and attach the root to your HTML document $("#example-1-result").append(grid.render().$el);
评论
EditableGridJS表格组件
EditableGrid是一个JavaScriptLibrary,利用它能够让标准的HTML表格变成可编辑和可排序。这个Library能够让用户自动使用适当的编辑器如textfields、checkb
EditableGridJS表格组件
0
JmesaHtml表格组件
Jmesa是ExtremeTable项目重新开发一个的Html表格组件,提供过滤、排序、分页、数据导出等功能。Jmesa非常易于使用,可按自己的需求进行扩展。JMesa需要JDK1.5以上的环境。
JmesaHtml表格组件
0
GriddleReact 表格组件
Griddle是一款功能强大的React表格组件,其npm包是griddle-react,安装方法:npm install griddle-react@alpha界面截图:使用方法:import Re
GriddleReact 表格组件
0