Bootstrap 5 Tabulari

Tabiyan kimiyya

Tabiyan kimiyya aiki 5 kanan kai tsara wuri gaba, kuma yana da gaba da kaiwa.

.table Raggiya yana tsara wuri tabiyan:

Shirin

Daukake sai sai

Raggiya da ke da abin da ke kaiwa

.table-striped .table-striped

Shirin

Daukake sai sai

Raggiya yana tsara wuri da ke da abin da ke kaiwa ga tabiyan:

Tabiyan da ke da kawu .table-bordered

Shirin

Daukake sai sai

Raggiya yana tsara wuri gaba da ke da abin da ke kaiwa:

.table-hover Raggiya yana tsara wuri gaba (zaki gaba akwai):

Shirin

Daukake sai sai

Tabiyan abin da ke kaiwa/da kaiwa

.table-dark Raggiya yana tsara wuri abin da ke kaiwa ga tabiyan:

Shirin

Daukake sai sai

tabiyan da ke da abin da ke kaiwa

ya .table-dark da .table-striped Kai tsara tabiyan da ke da abin da ke kaiwa:

Shirin

Daukake sai sai

Tabiyan da ke da abin da ke kaiwa

.table-hover Raggiya yana tsara wuri gaba (zaki gaba akwai):

Shirin

Daukake sai sai

Tabiyan da ba kaiwa

.table-borderless Raggiya kawu tabiyan fada:

Shirin

Daukake sai sai

Kwarin da za a iya amfani da su

Kwarin da za a iya amfani da su don kai tabbin shayi (<table>) na tabbin shayi (<tr>) ko tabbin shayi (<td>) launawa.

Shirin

Daukake sai sai

Kwarin da za a iya amfani da su:

Kwarin Bayanai
.table-primary Launin dutsen: yana nufin hauwa da nasara.
.table-success Launin dutsen: yana nufin hauwa da dutsen.
.table-danger Launin dutsen: yana nufin hauwa da dutsen.
.table-info Launin dutsen: yana nufin hauwa da tsuntsaye.
.table-warning Launin dutsen: yana nufin hauwa da yau da kullun.
.table-active Launin dutsen: yana amfani da launin dutsen ga rarraba tabbin shayi ko cellu na tabbin shayi.
.table-secondary Launin dutsen: yana nufin hauwa na ba da damar.
.table-light Tabbin shayi ko rarraba tabbin shayi na kammala da launin dutsen da yawa.
.table-dark Tabbin shayi ko rarraba tabbin shayi na kammala da babban launin dutsen.

Rarraba tabbin shayi

Iya kuma amfani da kwarin gaba ɗaya don rarraba rarraba da tabbin shayi na kammala:

Shirin

Daukake sai sai

Tabbin shayi

.table-sm Kwarin ta yi tabbin shayi kammala ga rarraba cellu na tabbin shayi a karkashin yawa:

Shirin

Daukake sai sai

Tabbin shayi da yawa

.table-responsive Kwarin a kammala da tabbin asusun ga tabbin shayi (idancen tabbin shayi yana girma a hanyar yanzuwa):

Shirin

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>

Daukake sai sai

Iya ka decide lokaci da tabbin shayi yana samun asusun, kuma ya zama sabon shayi na kuduwar shayi:

Kwarin Kuduwar shayi
.table-responsive-sm < 576px
.table-responsive-md < 768px
.table-responsive-lg < 992px
.table-responsive-xl < 1200px
.table-responsive-xxl < 1400px

Shirin

<div class="table-responsive-sm">
  <table class="table">
    ...
  </table>
</div>

Daukake sai sai