A table consisting of multiple editable fields with familiar styling of spreadsheet programs uses Handsontable. Think of Handsontable as an extensible framework that lets you quickly build tabular, data-oriented user interfaces.
Editable cells are indicated as active by using a lighter cell background whereas inactive cells or information-only cells use disabled backgrounds. Often different cells can be switched active/inactive by using controls in table headers or making selections within the table.
Filtering is enabled within individual columns
Editable information has direct correlation to other cells on the table.
.jpg)