Web multi-terminal Development Learning Series (III)---Bootstrap-based form plug-in bootstrap-table

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

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.