Meteor-Community-Packages / Meteor-Community-Packages/meteor-tabular

Add footer to enable individual column searching

Open
#258 6 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
360
Forks
132
PR merge metrics
No merged PRs in 30d

Description

Adding footer is neccessary to have a search input inside the table.
My idea was just to implement this example -> http://datatables.net/examples/api/multi_filter.html
and add

```
tfoot {
display: table-header-group;
}
```

to the CSS to get a table which would look like:

```

-> with search inputs

```

Can I currently do that with tabular and without having to add the footer with jQuery? It can be done, but I would need to explicitly put the number of columns in the row of the footer, and in the original plugin is so much easier (since you have access to the DOM).

Contributor guide

Open the contributing guide

Research direction

Start by reviewing how the table markup is exposed and how its CSS is applied, then compare the requested footer structure with the linked DataTables multi-filter example. Done means individual column search inputs can be added through the existing interface without manually adding the footer with jQuery, with the footer styling producing the requested table layout.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.