Learn easyui questions (4) and learn easyui questions

Learn easyui questions (4) and learn easyui questions

In this article, I will rewrite the problems I encountered when I used easyui to create tables over the past two days. I think we should be certain about the convenient plug-ins provided by easyui, but at the same time, the shortcomings of easyui in table are described here.
First, let's take a look at a table page I have made over the past two days. This page is a bit ugly, but the basic requirements are implemented. After learning jquery for two days, Let's explain it.
:

The effect is the folding effect. each item is a table. In order to facilitate your study, I decided to attach my code, and there was no secret-related content in it, which was empty.
You can view the code:
Instance code
I will not talk much about the implementation process. You can check the code and I have already commented out the details.
Next let's talk about the problem:
1. table creation in easyui
When easyui creates a table, so far I have not found a table that creates multiple header rows, as shown below:

In such a table easyui, it seems that it cannot be implemented. As for how to create a table, I have already explained how to learn easyui (3.
2. Problems Encountered during writing:

I have already listed some of these problems in the image, but it will also be written as dataoptions because of data-options, or the single quotation marks in the field are missing.
Attach a specific piece of code for reference:

<Div title = "" data-options = "iconCls: 'icon-OK '" style = "padding: 5px; "> <table id =" cunOrg "class =" easyui-datagrid "style =" width: 100% "> <thead> <tr> <th data-options =" field: 'dangzuzhishu', width: 500 "align =" center "> Number of village organizations </th> <th data-options =" field: 'dangweishu', width: 400 "align =" center "> Number of Party committees </th> <th data-options =" field: 'dangzongzhishu ', width: 460 "align =" center "> total number of Party branches </th> <th data-options =" field: 'dangzhibushu ', width: 500 "align =" center "> Number of Party branches </th> </tr> </thead> <tr> <td> _ dangzuzhiShu </td> <td> _ dangweiShu </td> <td> _ dangzongzhiShu </td> <td> _ dangzhibuShu </td> </tr> </table>

Hope this article helps you

Long live sharing !!

Copyright Disclaimer: This article is an original article by the blogger and cannot be reproduced without the permission of the blogger.