The development of Web-based management system most of the functions are only the display and operation of the data, the display of the data is generally through the table table to display, so the development of management system is necessary to introduce the form plug-in, for Sencha touch and other commercial framework, have their own table control, And for Bootstrap need to introduce a third party form plugin, here I learn bootstrap table.
Introduction Bootstrap table is based on the bootstrap framework of a form plug-in, the official website address is http://wenzhixin.net.cn/p/bootstrap-table/docs/index.html, plug-in has the following functions
Environment building Download the source code after the introduction of the corresponding CSS and JS, as follows (
you have introduced the Bootstrap base Class library with the style and jquery class library)
<link rel= "stylesheet" href= "Bootstrap-table.css" >
<script src= "Bootstrap-table.js" ></script>
If you want to change all the default prompts for this plugin to Chinese, you need to introduce the corresponding localized class library, path: Desktop\bootstrap-table-master\dist\locale
ExampleReference to the http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html extension can be found in http://wenzhixin.net.cn/p/ Bootstrap-table/docs/extensions.html
you can set the language type above to browse the documentSummary bootstrap table plug-in for the display of data, export and other functions are very good implementation, and support the layout of the response style, the daily background management system we can try to apply the plugin for data presentation.
Web multi-terminal Development Learning Series (III)---Bootstrap-based form plug-in bootstrap-table