Kokiu požiūriu linkstate į kuriant lenteles…

Sukurdami lenteles interfeise, aš vadovaujuosi šiuo požiūriu:

Semantiniai HTML žymės: Naudoju <table>, <thead>, <tbody>, <tr>, <th>, <td> žymes duomenų teisingam struktūrizavimui. Tai gerina prieinamumą, SEO ir lentelės struktūros supratimą naršyklėms ir pagalbinėms technologijoms.

<table>
  <thead>
    <tr>
      <th>ID</th>
      <th>Vardas</th>
      <th>Amžius</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>Ivanas</td>
      <td>30</td>
    </tr>
    <tr>
      <td>2</td>
      <td>Mari</td>
      <td>25</td>
    </tr>
  </tbody>
</table>

Stilių atskyrimas nuo struktūros (CSS): Lentelės stilius (rėmeliai, tarpai, spalvos, išlyginimas) įgyvendinamas naudojant CSS. Vengiu naudoti inline stilių ir <table border="1"> atributus.

table {
  border-collapse: collapse; /* Rėmelių sujungimas */
  width: 100%;
}

th, td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

th {
  background-color: #f2f2f2;
}

Adaptacija: Sukuriu lenteles, kurios teisingai rodomos įvairiuose įrenginiuose ir ekrano dydžiuose. Sudėtingoms lentelėms taikau:
- Antraeilių stulpelių paslėpimą siauruose ekranuose;
- Eilučių paversti kortelėmis arba sąrašais mobiliuosiuose įrenginiuose;
- Naudoju flex-wrap arba overflow: auto savybes horizontaliam slinkimui;
- Taikau CSS Grid adaptatyviam išdėstymui.
Prieinamumas (Accessibility): Sutelkiu dėmesį į prieinamumą naudotojams su ribotomis galimybėmis, naudodamas:
- Stulpelių antraštes (<th>) su atributu scope="col";
- Lentelės pavadinimą su <caption> arba aria-label atributu <table> elemente;
- Kontrastines spalvas;
- Tinkamą navigaciją klaviatūra.
Našumas: Dideliems duomenų kiekiams naudoju eilučių virtualizaciją arba puslapį, kad neužkrautų ir nebrėžtų visų duomenų iš karto klientui.
Bibliotekų naudojimas (jei reikia): Sudėtinguose projektuose arba reikalinga išplėsta funkcionalumas (rūšiavimas, filtravimas, redagavimas), galiu naudoti paruoštas UI bibliotekas (pvz., DataTables, React Table, Ant Design Table), bet su sąmoningu pasirinkimu ir jų darbo principų supratimu.

Kokiu požiūriu linkstate į kuriant lenteles interfeiso bloke?