The table of jQuery_review is collapsed and highlighted Based on the Content grouping. jquery_reviewtable

Source: Internet
Author: User

The table of jQuery_review is collapsed and highlighted Based on the Content grouping. jquery_reviewtable
For tables, a wide range of functions should be provided to make users feel different. For example, you need to group data by nature. Currently, many third-party software in RIA have many very powerful functions to provide data screening, classification, and various statistics. Now, you can fold the table group content and highlight the collapsed content.

The difficulty lies in how to maintain the relationship between the group name and the data of the group. We can maintain the relationship through some attributes, such as specifying a class attribute for the cospan column, the name is col. Its composition elements are named col1 and col2 respectively. In this way, you can filter out all the elements in the current group in the form of [attribute ^ = col. There are two ways to hide the current page? Hide (), show (), slideUp, slideDown, fadeIn, fadeOut, animate, toggle. How can I switch the current css? ToggleClass (). JQuery provides powerful selectors and functions to support these implementations, which is very good.


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">



I am sorting the table and highlighting the specified row. Why does the highlighted content not work?

Without looking at sorting, there is no problem with simple visual code. However, since the color is the same for each row of mouse, why not use the CLASS selector to set the animation in a unified manner? If you do not want to set an animation in the first line, you only need to select it once. Then, the mouserover Event code uses return false.

Android TableLayout highlights selected rows

In onclick, set the background color of the view to change setbackground. Of course, before set, remember to restore the background color of the last modified view.

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.