MediaWiki:CustomDatatable.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* Border around the entire table */
table.dataTable {
  border: 2px solid #333;  /* Dark border around the table */
  border-collapse: collapse;
}

/* Header cells */
table.dataTable thead th {
  border: 1px solid #333;  /* Border around each header cell */
  background-color: #f8f9fa; /* Light background for headers */
  padding: 10px;
}

/* Body cells */
table.dataTable tbody td {
  border: 1px solid #333;  /* Border around each cell */
  padding: 8px;
}

/* Optional: add borders to footer cells if you have them */
table.dataTable tfoot th {
  border: 1px solid #333;
  background-color: #f8f9fa;
  padding: 10px;
}

/* Optional: ensure rows don't collapse */
table.dataTable tbody tr {
  border-bottom: 1px solid #333;
}

/* Add a small border radius and box shadow to the whole table (optional) */
table.dataTable {
  border-radius: 8px;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}