האָפּקען צו הויפּט אינהאַלט האָפּקען צו דאָקס נאַוויגאַציע
in English

טישן

דאַקיומענטיישאַן און ביישפילן פֿאַר אַפּט-אין סטילינג פון טישן (געגעבן זייער פאַרשפּרייט נוצן אין דזשאַוואַסקריפּט פּלוגינס) מיט Bootstrap.

איבערבליק

רעכט צו דער וויידספּרעד נוצן פון <table>עלעמענטן אַריבער דריט-פּאַרטיי ווידזשיץ ווי קאַלענדאַרס און דאַטע פּיקערז, באָאָטסטראַפּ טישן זענען אַפּט-אין . לייג די באַזע קלאַס .tableצו קיין <table>, און פאַרברייטערן מיט אונדזער אַפּשאַנאַל מאָדיפיער קלאסן אָדער מנהג סטיילז. כל טיש סטיילז זענען נישט ינכעראַטיד אין באָאָטסטראַפּ, וואָס מיטל אַז קיין נעסטעד טישן קענען זיין סטיילד פרייַ פון די פאָטער.

ניצן די מערסט יקערדיק טיש מאַרקאַפּ, דאָ ס ווי- .tableבאזירט טישן קוק אין Bootstrap.

# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table">
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

וועריאַנץ

ניצן קאָנטעקסטואַל קלאסן צו קאָלירן טישן, טיש ראָוז אָדער יחיד סעלז.

קלאַס כעדינג כעדינג
פעליקייַט צעל צעל
ערשטיק צעל צעל
צווייטיק צעל צעל
הצלחה צעל צעל
געפאַר צעל צעל
ווארענונג צעל צעל
אינפֿאָרמאַציע צעל צעל
ליכט צעל צעל
טונקל צעל צעל
<!-- On tables -->
<table class="table-primary">...</table>
<table class="table-secondary">...</table>
<table class="table-success">...</table>
<table class="table-danger">...</table>
<table class="table-warning">...</table>
<table class="table-info">...</table>
<table class="table-light">...</table>
<table class="table-dark">...</table>

<!-- On rows -->
<tr class="table-primary">...</tr>
<tr class="table-secondary">...</tr>
<tr class="table-success">...</tr>
<tr class="table-danger">...</tr>
<tr class="table-warning">...</tr>
<tr class="table-info">...</tr>
<tr class="table-light">...</tr>
<tr class="table-dark">...</tr>

<!-- On cells (`td` or `th`) -->
<tr>
  <td class="table-primary">...</td>
  <td class="table-secondary">...</td>
  <td class="table-success">...</td>
  <td class="table-danger">...</td>
  <td class="table-warning">...</td>
  <td class="table-info">...</td>
  <td class="table-light">...</td>
  <td class="table-dark">...</td>
</tr>
קאַנווייינג טייַטש צו אַסיסטיוו טעקנאַלאַדזשיז

ניצן קאָליר צו לייגן טייַטש בלויז גיט אַ וויזשאַוואַל אָנווייַז, וואָס וועט נישט זיין קאַנווייד צו יוזערז פון אַסיסטיוו טעקנאַלאַדזשיז - אַזאַ ווי פאַרשטעלן לייענער. פאַרזיכערן אַז אינפֿאָרמאַציע דינאָוטיד דורך די קאָליר איז קלאָר ווי דער טאָג פון די אינהאַלט זיך (למשל די קענטיק טעקסט), אָדער איז אַרייַנגערעכנט דורך אָלטערנאַטיוו מיטל, אַזאַ ווי נאָך טעקסט פאַרבאָרגן מיט די .visually-hiddenקלאַס.

אַקסענטיד טישן

סטרייפּט ראָוז

ניצן .table-stripedצו לייגן זעבראַ-סטריפּינג צו קיין טיש רודערן אין די <tbody>.

# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table table-striped">
  ...
</table>

די קלאסן קענען אויך זיין מוסיף צו טיש וועריאַנץ:

# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table table-dark table-striped">
  ...
</table>
# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table table-success table-striped">
  ...
</table>

האָוועראַבלע ראָוז

לייג .table-hoverצו געבן אַ האָווער שטאַט אויף טיש ראָוז אין אַ <tbody>.

# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table table-hover">
  ...
</table>
# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table table-dark table-hover">
  ...
</table>

די כאַוועראַבאַל ראָוז קענען אויך זיין קאַמביינד מיט די סטרייפּט וואַריאַנט:

# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table table-striped table-hover">
  ...
</table>

אַקטיוו טישן

הויכפּונקט אַ טיש רודערן אָדער צעל דורך אַדינג אַ .table-activeקלאַס.

# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table">
  <thead>
    ...
  </thead>
  <tbody>
    <tr class="table-active">
      ...
    </tr>
    <tr>
      ...
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2" class="table-active">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>
# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table table-dark">
  <thead>
    ...
  </thead>
  <tbody>
    <tr class="table-active">
      ...
    </tr>
    <tr>
      ...
    </tr>
    <tr>
      <th scope="row">3</th>
      <td colspan="2" class="table-active">Larry the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

ווי טאָן די וועריאַנץ און אַקסענטיד טישן אַרבעט?

פֿאַר די אַקסענטיד טישן ( סטרייפּט ראָוז , כאַוועראַבאַל ראָוז און אַקטיוו טישן ), מיר געוויינט עטלעכע טעקניקס צו מאַכן די יפעקץ אַרבעט פֿאַר אַלע אונדזער טיש וועריאַנץ :

  • מיר אָנהייבן מיט באַשטעטיקן דעם הינטערגרונט פון אַ טיש צעל מיט די --bs-table-bgמנהג פאַרמאָג. אַלע טיש וועריאַנץ דעמאָלט שטעלן דעם מנהג פאַרמאָג צו קאַלערייז די טיש סעלז. דעם וועג, מיר טאָן ניט באַקומען אין קאָנפליקט אויב האַלב-טראַנספּעראַנט פארבן זענען געניצט ווי טיש באַקגראַונדז.
  • דערנאָך מיר לייגן אַ ינסעט קעסטל שאָטן אויף די טיש סעלז מיט box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);אַ שיכטע אויף שפּיץ פון קיין ספּעסיפיעד background-color. ווייַל מיר נוצן אַ ריזיק פאַרשפּרייטן און קיין בלער, די קאָליר וועט זיין מאַנאַטאָן. זינט --bs-table-accent-bgעס איז אַנסעט דורך פעליקייַט, מיר טאָן ניט האָבן אַ פעליקייַט קעסטל שאָטן.
  • ווען אָדער .table-stripedאָדער .table-hoverקלאסן .table-activeזענען מוסיף, די --bs-table-accent-bgאיז באַשטימט צו אַ סעמיטראַנספּאַרענט קאָליר צו קאַלערייז די הינטערגרונט.
  • פֿאַר יעדער טיש וואַריאַנט, מיר דזשענערייט אַ --bs-table-accent-bgקאָליר מיט דעם העכסטן קאַנטראַסט דיפּענדינג אויף אַז קאָליר. פֿאַר בייַשפּיל, דער אַקצענט קאָליר פֿאַר .table-primaryאיז דאַרקער בשעת .table-darkהאט אַ לייטער אַקצענט קאָליר.
  • טעקסט און גרענעץ פארבן זענען דזשענערייטאַד די זעלבע וועג, און זייער פארבן זענען ינכעראַטיד דורך פעליקייַט.

הינטער די סינז עס קוקט ווי דאָס:

@mixin table-variant($state, $background) {
  .table-#{$state} {
    $color: color-contrast(opaque($body-bg, $background));
    $hover-bg: mix($color, $background, percentage($table-hover-bg-factor));
    $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));
    $active-bg: mix($color, $background, percentage($table-active-bg-factor));

    --#{$variable-prefix}table-bg: #{$background};
    --#{$variable-prefix}table-striped-bg: #{$striped-bg};
    --#{$variable-prefix}table-striped-color: #{color-contrast($striped-bg)};
    --#{$variable-prefix}table-active-bg: #{$active-bg};
    --#{$variable-prefix}table-active-color: #{color-contrast($active-bg)};
    --#{$variable-prefix}table-hover-bg: #{$hover-bg};
    --#{$variable-prefix}table-hover-color: #{color-contrast($hover-bg)};

    color: $color;
    border-color: mix($color, $background, percentage($table-border-factor));
  }
}

טיש געמארקן

באָרדערד טישן

לייג .table-borderedפֿאַר געמארקן אויף אַלע זייטן פון די טיש און סעלז.

# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table table-bordered">
  ...
</table>

באָרדער קאָליר יוטילאַטיז קענען זיין מוסיף צו טוישן פארבן:

# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table table-bordered border-primary">
  ...
</table>

טישן אָן געמארקן

לייג .table-borderlessצו אַ טיש אָן געמארקן.

# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table table-borderless">
  ...
</table>
# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table table-dark table-borderless">
  ...
</table>

קליין טישן

לייג .table-smצו מאַכן .tableמער סאָליד דורך קאַטינג אַלע צעל paddingאין האַלב.

# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table table-sm">
  ...
</table>
# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table table-dark table-sm">
  ...
</table>

ווערטיקאַל אַליינמאַנט

טיש סעלז פון <thead>זענען שטענדיק ווערטיקאַל אַליינד צו די דנאָ. טאַבלע סעלז אין <tbody>ירשענען זייער אַליינמאַנט פון <table>און זענען אַליינד צו די שפּיץ דורך פעליקייַט. ניצן די ווערטיקאַל ייַנרייען קלאסן צו שייַעך-ייַנרייען ווו דארף.

קעפל 1 קעפל 2 קעפל 3 קעפל 4
דעם צעל ינכעראַץ vertical-align: middle;פון די טיש דעם צעל ינכעראַץ vertical-align: middle;פון די טיש דעם צעל ינכעראַץ vertical-align: middle;פון די טיש דאָ איז עטלעכע אָרטהאָלדער טעקסט, בדעה צו נעמען אַ ביסל ווערטיקאַל פּלאַץ, צו באַווייַזן ווי די ווערטיקאַל אַליינמאַנט אַרבעט אין די פריערדיקע סעלז.
דעם צעל ינכעראַץ vertical-align: bottom;פון די טיש רודערן דעם צעל ינכעראַץ vertical-align: bottom;פון די טיש רודערן דעם צעל ינכעראַץ vertical-align: bottom;פון די טיש רודערן דאָ איז עטלעכע אָרטהאָלדער טעקסט, בדעה צו נעמען אַ ביסל ווערטיקאַל פּלאַץ, צו באַווייַזן ווי די ווערטיקאַל אַליינמאַנט אַרבעט אין די פריערדיקע סעלז.
דעם צעל ינכעראַץ vertical-align: middle;פון די טיש דעם צעל ינכעראַץ vertical-align: middle;פון די טיש דעם צעל איז אַליינד צו די שפּיץ. דאָ איז עטלעכע אָרטהאָלדער טעקסט, בדעה צו נעמען אַ ביסל ווערטיקאַל פּלאַץ, צו באַווייַזן ווי די ווערטיקאַל אַליינמאַנט אַרבעט אין די פריערדיקע סעלז.
<div class="table-responsive">
  <table class="table align-middle">
    <thead>
      <tr>
        ...
      </tr>
    </thead>
    <tbody>
      <tr>
        ...
      </tr>
      <tr class="align-bottom">
        ...
      </tr>
      <tr>
        <td>...</td>
        <td>...</td>
        <td class="align-top">This cell is aligned to the top.</td>
        <td>...</td>
      </tr>
    </tbody>
  </table>
</div>

נעסטינג

גרענעץ סטיילז, אַקטיוו סטיילז און טיש וועריאַנץ זענען נישט ינכעראַטיד דורך נעסטעד טישן.

# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
כעדער כעדער כעדער
א ערשטער לעצטע
ב ערשטער לעצטע
ג ערשטער לעצטע
3 לערי די פויגל @טוויטער
<table class="table table-striped">
  <thead>
    ...
  </thead>
  <tbody>
    ...
    <tr>
      <td colspan="4">
        <table class="table mb-0">
          ...
        </table>
      </td>
    </tr>
    ...
  </tbody>
</table>

ווי נעסטינג אַרבעט

צו פאַרמייַדן קיין סטיילז פון ליקינג צו נעסטעד טישן, מיר נוצן די קינד קאָמבינאַטאָר ( >) סעלעקטאָר אין אונדזער CSS. זינט מיר דאַרפֿן צו ציל אַלע די tds און ths אין די thead, tbody, און tfoot, אונדזער סעלעקטאָר וואָלט קוקן שיין לאַנג אָן עס. ווי אַזאַ, מיר נוצן די גאַנץ מאָדנע קוקן .table > :not(caption) > * > *סעלעקטאָר צו ציל אַלע tds און ths פון די .table, אָבער קיין פון קיין פּאָטענציעל נעסטעד טישן.

באַמערקונג אַז אויב איר לייגן <tr>s ווי דירעקט קינדער פון אַ טיש, די <tr>וועט זיין אלנגעוויקלט אין אַ <tbody>פעליקייַט, אַזוי אונדזער סעלעקטאָרס אַרבעט ווי בדעה.

אַנאַטאָמי

טיש קאָפּ

ענלעך צו טישן און פינצטער טישן, נוצן די מאָדיפיער קלאסן .table-lightאָדער .table-darkצו מאַכן <thead>עס דערשייַנען ליכט אָדער טונקל גרוי.

# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די פויגל @טוויטער
<table class="table">
  <thead class="table-light">
    ...
  </thead>
  <tbody>
    ...
  </tbody>
</table>
# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די פויגל @טוויטער
<table class="table">
  <thead class="table-dark">
    ...
  </thead>
  <tbody>
    ...
  </tbody>
</table>

טיש פֿיס

# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די פויגל @טוויטער
פוטער פוטער פוטער פוטער
<table class="table">
  <thead>
    ...
  </thead>
  <tbody>
    ...
  </tbody>
  <tfoot>
    ...
  </tfoot>
</table>

קאַפּשאַנז

א <caption>פאַנגקשאַנז ווי אַ כעדינג פֿאַר אַ טיש. עס העלפּס ניצערס מיט פאַרשטעלן לייענער צו געפֿינען אַ טיש און פֿאַרשטיין וואָס עס איז וועגן און באַשליסן אויב זיי ווילן צו לייענען עס.

רשימה פון ניצערס
# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די בירד @טוויטער
<table class="table table-sm">
  <caption>List of users</caption>
  <thead>
    ...
  </thead>
  <tbody>
    ...
  </tbody>
</table>

איר קענען אויך שטעלן די <caption>אויף די שפּיץ פון די טיש מיט .caption-top.

רשימה פון ניצערס
# ערשטער לעצטע שעפּן
1 מארק אָטאָ @מדאָ
2 יעקב Thornton @פעט
3 לערי די פויגל @טוויטער
<table class="table caption-top">
  <caption>List of users</caption>
  <thead>
    <tr>
      <th scope="col">#</th>
      <th scope="col">First</th>
      <th scope="col">Last</th>
      <th scope="col">Handle</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>

אָפּרופיק טישן

אָפּרופיק טישן לאָזן טישן צו זיין סראָולינג כאָריזאַנטאַלי מיט יז. מאַכן קיין טיש אָפּרופיק איבער אַלע וויופּאָרץ דורך ראַפּינג אַ .tableמיט .table-responsive. אָדער, קלייַבן אַ מאַקסימום ברייקפּוינט מיט וואָס צו האָבן אַ אָפּרופיק טיש דורך ניצן .table-responsive{-sm|-md|-lg|-xl|-xxl}.

ווערטיקאַל קליפּינג / טראַנגקיישאַן

אָפּרופיק טישן נוצן overflow-y: hidden, וואָס קליפּס אַוועק קיין אינהאַלט וואָס גייט ווייַטער פון די דנאָ אָדער שפּיץ עדזשאַז פון די טיש. אין באַזונדער, דאָס קענען ויסשליסן דראָפּדאָוון מעניוז און אנדערע דריט-פּאַרטיי ווידזשיץ.

שטענדיק אָפּרופיק

איבער יעדער ברייקפּוינט, נוצן .table-responsiveפֿאַר כאָריזאַנטאַלי סקראָללינג טישן.

# כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג
1 צעל צעל צעל צעל צעל צעל צעל צעל צעל
2 צעל צעל צעל צעל צעל צעל צעל צעל צעל
3 צעל צעל צעל צעל צעל צעל צעל צעל צעל
<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>

ברעאַקפּאָינט ספּעציפיש

ניצן .table-responsive{-sm|-md|-lg|-xl|-xxl}ווי דארף צו שאַפֿן אָפּרופיק טישן אַרויף צו אַ באַזונדער ברייקפּוינט. פֿון דעם ברייקפּוינט און העכער, די טיש וועט זיין נאָרמאַלי און נישט מעגילע כאָריזאַנטאַלי.

די טישן קען זיין צעבראכן ביז זייער אָפּרופיק סטיילז אַפּלייז אין ספּעציפיש וויופּאָרט ברייט.

# כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג
1 צעל צעל צעל צעל צעל צעל צעל צעל
2 צעל צעל צעל צעל צעל צעל צעל צעל
3 צעל צעל צעל צעל צעל צעל צעל צעל
# כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג
1 צעל צעל צעל צעל צעל צעל צעל צעל
2 צעל צעל צעל צעל צעל צעל צעל צעל
3 צעל צעל צעל צעל צעל צעל צעל צעל
# כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג
1 צעל צעל צעל צעל צעל צעל צעל צעל
2 צעל צעל צעל צעל צעל צעל צעל צעל
3 צעל צעל צעל צעל צעל צעל צעל צעל
# כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג
1 צעל צעל צעל צעל צעל צעל צעל צעל
2 צעל צעל צעל צעל צעל צעל צעל צעל
3 צעל צעל צעל צעל צעל צעל צעל צעל
# כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג
1 צעל צעל צעל צעל צעל צעל צעל צעל
2 צעל צעל צעל צעל צעל צעל צעל צעל
3 צעל צעל צעל צעל צעל צעל צעל צעל
# כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג כעדינג
1 צעל צעל צעל צעל צעל צעל צעל צעל
2 צעל צעל צעל צעל צעל צעל צעל צעל
3 צעל צעל צעל צעל צעל צעל צעל צעל
<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>

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

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

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

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

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

סאַס

וועריאַבאַלז

$table-cell-padding-y:        .5rem;
$table-cell-padding-x:        .5rem;
$table-cell-padding-y-sm:     .25rem;
$table-cell-padding-x-sm:     .25rem;

$table-cell-vertical-align:   top;

$table-color:                 $body-color;
$table-bg:                    transparent;
$table-accent-bg:             transparent;

$table-th-font-weight:        null;

$table-striped-color:         $table-color;
$table-striped-bg-factor:     .05;
$table-striped-bg:            rgba($black, $table-striped-bg-factor);

$table-active-color:          $table-color;
$table-active-bg-factor:      .1;
$table-active-bg:             rgba($black, $table-active-bg-factor);

$table-hover-color:           $table-color;
$table-hover-bg-factor:       .075;
$table-hover-bg:              rgba($black, $table-hover-bg-factor);

$table-border-factor:         .1;
$table-border-width:          $border-width;
$table-border-color:          $border-color;

$table-striped-order:         odd;

$table-group-separator-color: currentColor;

$table-caption-color:         $text-muted;

$table-bg-scale:              -80%;

שלייף

$table-variants: (
  "primary":    shift-color($primary, $table-bg-scale),
  "secondary":  shift-color($secondary, $table-bg-scale),
  "success":    shift-color($success, $table-bg-scale),
  "info":       shift-color($info, $table-bg-scale),
  "warning":    shift-color($warning, $table-bg-scale),
  "danger":     shift-color($danger, $table-bg-scale),
  "light":      $light,
  "dark":       $dark,
);

קאַסטאַמייזינג

  • די פאַקטאָר וועריאַבאַלז ( $table-striped-bg-factor, $table-active-bg-factor&$table-hover-bg-factor ) זענען געניצט צו באַשטימען דעם קאַנטראַסט אין טיש וועריאַנץ.
  • באַזונדער פון די ליכט און טונקל טיש וועריאַנץ, טעמע פארבן זענען לייטאַנד דורך די $table-bg-levelבייַטעוודיק.