I also searched some materials on the Internet and found some tree table components, but they were not ideal. As a result, I wrote a component that fits my usage in my boredom. The usage is as follows:
$ (Function (){
$. Lyg_treetable.inittree ("# treetable ");
VaR map = [-, 5];
$. Lyg_treetable.inittrs ("# treetable1", MAP );
$. Lyg_treetable.inittree ("
@selection-change= "Handleselectionchange" >/* Bind in @row-click= "Clickrow" click event and Ref= "Moviestable" propertyAnd then click the event method, writethis. $refs. Moviestable.togglerowselection (Row)Use the table component in element to select the check box when you click a row of data
This article mainly introduces the use of the jQuery table sorting component tablesorter. If you need it, refer to the next section and introduce the file.
The Code is as follows:
Displaytag:Once I used displaytag to process table display, the displaytag interface was very beautiful, but there was a serious deficiency: a large amount of data would seriously damage the system performance. By default, displaytag Retrieves all the data and returns it to the page. For example, if you have 100 data records on five pages, display retrieves 100 records each time, but only displays 20 records, the consequence of doing so is that a larg
The table component and the paging component come from iview, where I have once again encapsulated according to the company business, using slots for content distribution, you can place input input boxes and button buttons at will, and then use props to pass parameters to subcomponents. Use the emit property to pass events to the parent
DataGrid component.
Default View ProfilingThe skeleton of the DataGrid component is described in detail above. With the skeleton is not complete, but also flesh and clothing to wear to do. The powerful DataGrid component allows us to define how to grow a robust and attractive body on the underlying skeleton, as long as we define the view of the DataGrid.
In mo
1, in the page to introduce a style list definition
2, in the need to lock the row header of the table definition to add the statement "class=" Lockheadtable "" on the OK, other parameters have
rowheadnum= "Number of rows locked"
Colheadnum= "Lock number of columns"
rowheadstyle= "Row header Style"
Colheadstyle= "List Header style"
Rowstyle= "line style 1| line style 2|......| Row Style n "
Focusstyle= "The style when you get the mouse focus"
3. Y
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.