Table

Generates

A Table component

Credits

Currently implemented in part using olifolkerd/tabulator

Table Configuration

• Users can Add Rows
• Users can Delete Rows
• Allow CSV Export
• Confirm Column Deletion
• Require a minimum # of Rows

Column Configuration

• Title

• Internal Name

• Required

• Read Only

• Editor

  • Input

    • Input Formatters

      • Plain Text
      • HTML
      • Money
      • Link
      • IMage
      • Color
      • Row Number

  • Number

  • Checkbox

  • Star Rating

  • Date

  • List

    • Allows Choices
    • Can be configured to allow an “Other” value to be entered
    • Can be configured to allow multiple choices

• Can be styled with several themes

  import("tabulator-tables/dist/css/tabulator.min.css");
  import("tabulator-tables/dist/css/tabulator_simple.min.css");
  import("tabulator-tables/dist/css/tabulator_midnight.min.css");
  import("tabulator-tables/dist/css/tabulator_site.min.css");
  import("tabulator-tables/dist/css/tabulator_bootstrap3.min.css");
  import("tabulator-tables/dist/css/tabulator_bootstrap4.min.css");
  import("tabulator-tables/dist/css/tabulator_bootstrap5.min.css");
  import("tabulator-tables/dist/css/tabulator_bulma.min.css");
  import("tabulator-tables/dist/css/tabulator_materialize.min.css");

Notes

• Columns can be added/deleted using a Menu in the Column Header

Demo