Nazewnictwo BEM dla tabel

Question

Jak "najlepiej" stylować tabele z wykorzystaniem konwencji Block Element Modifier? Kiedyś przeczytałem, że nie wszystkie znaczniki opisujące tabele mogą być wykorzystywane do stylowania (chyba chodziło o znacznik <tr>).

Ktoś ogarnięty w temacie mógłby co nieco napisać?

<table class="table">
  <thead>
    <tr>
      <th class="table__th">id</th>
      <th class="table__th">name</th>
    </tr>
    </thead>
    <tbody>
      <tr>
        <td class="table__td">1</td>
        <td class="table__td">john</td>
      </tr>
   </tbody>
</table>

.table {
  width: 100%;
  border-collapse: collapse;
}

.table__th,
.table__td {
  padding: 1.25rem;
}

.table,
.table__th,
.table__td {
  border: 0.0625rem solid #333;
}

 

Answer 1

Na pewno nie .table__th, .table__td tylko .table__heading, .table__cell itd.

No i przy BEM nie chodzi tylko o stylowanie, ale także o przeniesienie struktury na wyższy poziom abstrakcji.

Zawsze moża zaszaleć i dla każdego tr tworzyć dodatkowo .table__row.row.

Poza tym nie bardzo wiem, czemu nie wszystkie znaczniki w tabeli nadają się do stylowania?

Comments

Poza tym nie bardzo wiem, czemu nie wszystkie znaczniki w tabeli nadają się do stylowania?

Wybacz, że późno odpowiadam. Generalnie dawno temu na jakiejś stronie przeczytałem, że znacznik <tr> nie powinno się stosować do stylowania i lepiej jest użyć znacznika <td>. Nie wiem ile w tym prawdy gdyż najzwyczajniej nie znam się. Tak samo nie znam się na BEM i nazewnictwie stąd też moje pytanie w jaki sposób nazywać.