Table: Streamline Search and Sort UI

Question

Table: Streamline Search and Sort UI

Closed this issue 7 years ago · 4 comments

Combine Search and sort functionality into a single div.

Answer 1 · 2017-09-27T18:41:30.000Z

Sort and search are contained within .table-top now and floated left and right respectively. Export and pagination are contained within '.table-bottom' now and floated left and right respectively. Still need to figure out where to display number of records filtered/searched/paginated.

Answer 2 · 2017-09-28T14:12:51.000Z

I'm thinking we can move the "Search:" label to the default text for the input, and use that space to show the number of records.

Answer 3 · 2017-09-29T00:54:03.000Z

Test Notes: Confirm that search and sort appear in the header and that pagination and export appear in the footer and all look good in various browsers/combinations. Note that #128 is handled in a separate issue.

Answer 4 · 2017-10-02T18:10:53.000Z

Pass

IE:

Google Chrome:

Firefox: