Sākums Dizaina pamatuzstādījumi Responsīvas tabulas izveide

Responsīvas tabulas izveide

Pēdējo reizi atjaunināts Apr 15, 2024

Lai tabulas būtu responsīvas un arī pilnībā pārskatāmas mobīlajās ierīcēs rīkojamies šādi:

  1. Izveidojam pašu tabulu ar attiecīgo rindu un kolonnu skaitu. Tas var būt gan preču aprakstos, gan informāciju lapās, gan kategorijas aprakstā.

  1. Kad tabula ir izveidota, spiežam uz sadaļas Tools >> Source code.

  1. Atvērtajā koda skatā ir nepieciešams tabulai definēt klasi, pievienojot šādu rindiņu - class="table-responsive".

Kad tas ir izdarīts, spiežam pogu Ok un saglabājam izmaiņas.

Tabulai tiks pievienots horizontāls scroll bar, kuru bīdot pa labi vai kreisi, varēs mobīlajās ierīcēs tabulas apskatīt pilnībā.