how to disable responsive for tables

[syifeng]

No description provided.

Did you get the solution?

[vikdiesel]

Set all lg modifiers as default in src/css/_table.css

table {
  @apply w-full;
}

thead {
  @apply table-header-group;
}

tr {
  @apply max-w-full block relative border-gray-100
    border-b-0 dark:border-slate-800;
}

tr:last-child {
  @apply border-b-0;
}

td:not(:first-child) {
  @apply border-l border-t-0 border-r-0 border-b-0 border-gray-100 dark:border-slate-700;
}

th {
  @apply text-left p-3;
}

td {
  @apply text-left p-3 align-middle;
}

td:last-child {
  @apply border-b-0;
}

tbody tr, tbody tr:nth-child(odd) {
  @apply hover:bg-gray-100 dark:hover:bg-slate-700/70;
}

tbody tr:nth-child(odd) {
  @apply bg-gray-50 dark:bg-slate-800;
}

Additionally, I'd recommend to wrap a table in container with overflow-x-scroll