ActiveTable currently lacks the ability to define a fixed header row. This causes issues in usability and clarity, especially when dealing with large datasets.

Issue 1: No Fixed Header Row/Column

The header row can unintentionally change if a user drags a data row to the top of the table. This happens because ActiveTable automatically treats the first row in the data prop as the header, een if it's unintended.

Suggestions:

1. Add a headerRow property to lock the header row in place, preventing it from being modified by drag-and-drop actions.
2. Introduce a dedicated headerColumn & headerRow prop to define headers independently of the data array.

Issue 2: No way of assigning default Column Types

Is there a way of defining column types for each individual column. I want to be able to predefine column types for each column and also don't want the user to play with them. Is there a way that we can do that here:

          displaySettings: {
            isAvailable: true,
            openMethod: { cellClick: true },
          },
          isColumnTypesAvailable? : boolean || undefined,
          isSortAvailable: true,
          isDeleteAvailable: false,
          isInsertLeftAvailable: false,
          isInsertRightAvailable: false,
          isMoveAvailable: true,
        }}

or someway when defining the header, we could make custom props for each column dropdown.

[{"header": "Name", "Settings": {   displaySettings: {
            isAvailable: true,
            openMethod: { cellClick: true },
          },
          isColumnTypesAvailable? : boolean || undefined,
          isSortAvailable: true,
          isDeleteAvailable: false,
          isInsertLeftAvailable: false,
          isInsertRightAvailable: false,
          isMoveAvailable: true,
        } }  }, ... ]

sorry if it's a bit scattered.