Solution to the white block mask layer problem in the lower left corner of the ligerui editable table

Source: Internet
Author: User

Ligerui has been studied for a while, and the overall feeling is good. Based on jquery development, the Framework provides a wide range of UI components, especially ligerui tables, with powerful functions.

A small problem occurs when you use ligerui to edit a table.


When the data is not filled with the table, the display effect is no problem.



If the table is filled with data, and the number of rows reaches the maximum value, the white square mask layer appears in the lower left corner of the table.


After finding the problem, I asked for help in the QQ group. The answer was not found ......


Later, I studied it again and finally found the cause of the problem. The effect after the problem is solved is as follows:

Although the data rows are full of the entire table, there is no white block mask layer in the lower left corner.


Problem Analysis:

Previously, the height value of the ligerui table was specified. If the data is not filled with the table, a blank row will appear at the end of the table. If the data is filled with the table, the white small square mask layer will appear in the lower left corner of the table;

When the height value of the ligerui table is not specified, if the data is not filled with the table, no blank rows will appear at the end of the table, and the table height is adaptive. If the data is filled with the table, the lower left corner of the table does not contain the white block mask layer.


================================================Gorgeous split line ======================================================


Don't think that the problem is completely solved, and then a new problem is found.


There is no data row in the table, and the top and bottom are tied together, notProgramThere is a problem. There is really no data. Don't believe it. Check the number of data entries in the lower right corner.


The ideal effect is as follows:


Although there is no data, the top and bottom are not tied together, and there can be blank areas in the middle.


Problem Analysis:

If the height value of the ligerui table is not specified and no data is available, the top and bottom of the table will be stuck together (because the default isscroll value of the ligerui table is true, it will automatically adapt to the height ), to solve this problem, you must specify the height value, but if there is a problem with the white small square mask layer, you must remove the height value.


This is really a problem like chicken or eggs ......


If the isscroll value can be dynamically set based on whether the number of received data entries is 0 after the data is received in the table and displayed in the table, the problem can be solved.

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.