Search.../
  1. APIs

Table CSS Classes

Note: This feature is only available to Wix Studio users.

You can use the classes listed below to style your Table elements with CSS.

For more information on styling your elements with CSS, see Styling Elements with CSS and the MDN CSS reference docs.

Important: Element structure and undocumented class names may change without advance warning. To avoid unintended style changes to your site, select elements with the documented class names only.

.table

Targets table elements. For example:

.table {
  table-layout: fixed;
  width: 100%;
  border: 3px solid purple;
}
css | Copy Code

.table__row

Targets table rows. For example:

.table__row {
  text-transform: capitalize;
  letter-spacing: 2px;
}
css | Copy Code

.table__header

Targets table headers. For example:

.table__header {
  margin-bottom: 25px;
  padding: 100px;
  border-bottom: 5px solid black;
  text-transform: uppercase;
}
css | Copy Code

.table__cell

Targets table cells. For example:

.table__cell {
  border: none;
  border-bottom: 2px solid #840292;
  background-color: #dfd2f4;
  font-family: monospace;
}
css | Copy Code

.table__body

Targets table body elements. For example:

.table__body {
  opacity: 75%
}
css | Copy Code

.table__pagination

Targets table pagination elements. For example:

.table__pagination {
  fill: #FF0000;
}
css | Copy Code

Was this helpful?

In This Article
  1. .table
  2. .table__row
  3. .table__header
  4. .table__cell
  5. .table__body
  6. .table__pagination