Northeastern-Electric-Racing / Northeastern-Electric-Racing/FinishLine

BOM - Look into using a new type of table

Open
#1,927 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

difficult front-end
Dominant language
TypeScript
Stars
36
Forks
9
Avg merge
4d 21h
Merged PRs (30d)
11

Description

Description

Right now we use a DataGrid for all our complex tables, but it seems like we're hitting the limit of what we can achieve with it. This ticket is to look into a new table to use with more capabilities and to implement it for the BOM table. The criteria we want will be listed below. The goal would be to use this for the tasks lists as well if it's viable

Acceptance Criteria
  • Easily inline editable rows
  • Easy to add new items inline (as easy as using an excel doc)
  • allow the user to filter/ sort columns
  • Allow the user to adjust column width themselves
Proposed Solution

These are some alternatives that looked promising, you'll need to add the dependency and try them out a bit:
https://tanstack.com/table/v8/docs/examples/react/editable-data
https://www.ag-grid.com/

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the BOM table and its current DataGrid usage. Evaluate the linked TanStack Table editable-data example and AG Grid against the four acceptance criteria, including whether the result could also support task lists. Done means selecting and implementing a suitable table with inline editing, inline item creation, filtering, sorting, and user-adjustable column widths.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.