The second type is the range slider (left and 2, 3 in the full screenshot above). It is a scroll bar with two end points that users can move independently. The values between (and including) the two endpoints are the values that users select, and the rest are filtered out. This type of filter is useful for values that can be meaningfully ordered, such as dates (3), or have many values (2). By default, a range slider selects all values in the table (nothing is filtered). The lower end point (minimum) and the upper end point (maximum) values are always displayed. The filter action takes place when users release the dragging action of the end point controls. Once a range is set, users can also drag the range thumb to move both the upper and lower end point controls simultaneously. Double clicking on the yellow portion of the range slider resets it. |