Theme and Data Table Config

Hi

For Metronic v9 with Tailwind CSS, you can customize border colors and opacity using Tailwind utility classes:

  




  


For remote data sources with KtUI DataTable, you have several configuration options beyond just key, title, and render:
const columns = [
  {
    key: 'name',
    title: 'Name',
    sortable: true,        // Enable/disable sorting
    searchable: true,      // Enable/disable search
    width: '200px',        // Set column width
    render: (data) => `${data}`,
  },
  {
    key: 'email',
    title: 'Email',
    sortable: false,       // Disable sorting
    searchable: true,     // Keep search enabled
    width: '300px',
    render: (data) => `${data}`,
  },
  {
    key: 'actions',
    title: 'Actions',
    sortable: false,       // Actions column typically not sortable
    searchable: false,     // Actions column typically not searchable
    width: '150px',
    render: (data, row) => `
      Edit
      Delete
    `,
  }
];

Unfortunately, Metronic v9 does not currently include a built-in date picker component. However, you can integrate third-party date pickers that work well with Tailwind CSS:
flatpickr.js.org