小(xiǎo)編最近(jìn)在做(zuò)一(yī)個(gè)後台系統，大(dà)家(jiāλ)都(dōu)知(zhī)道(dào)，系統中會(huì)有(yǒu)很(hěn)多(duō)的(de)數(sγhù)據，這(zhè)樣就(jiù)會(huì)用(yòng)到(dào)table來(lái)布局。那(nà)麽怎麽讓表格在÷寬度不(bù)夠的(de)情況下(xià)，自(zì)動生(shēng)成滾動條呢(ne)。有(yǒu)人(rén)可(kě)能(néng)要(yào)說(shuō)用(y≈òng)overflow-y：scroll 這(zhè)可(kě)能(néng)是(shì)一(yī)種辦法。但(dàn)是(shì)因為(wèi)是(®shì)原生(shēng)态的(de)，所以會(huì)不(bù)太美(měi)觀，今天蘇州網站(zhàn)建♥設帶大(dà)家(jiā)一(yī)起學習(xí)一(yī)下(xià)bootstrap中表格的(de)使用(yòng)。
表格是(shì)Bootstrap的(de)一(yī)個(gè)基礎組件(jiàn)之一(yī)，Bootstrap為(wèi)表格提供了(le)¶1種基礎樣式和(hé)4種附加樣式以及1個(gè)支持響應式的(de)表格。在使用(yòng)Bootstrap的(de)表格∑過程中，隻需要(yào)添加對(duì)應的(de)類名就(jiù)可(kě)以得(de)到(dào)不(bù)同的(de)表格風(fēn✘g)格。
Bootstrap還(hái)為(wèi)表格的(de)行(xíng)元素提供了(le)五種不(bù)同的(de)類名，每種類名控制(zhì)了(le)行(xíng)的‌(de)不(bù)同背景顔色
其使用(yòng)非常的(de)簡單，隻需要(yào)在元素中添加上(shàng)表對(duì)應的(de)類名
基礎表格 .table
對(duì)表格的(de)結構，跟我們平時(shí)使用(yòng)表格是(shì)一(yī)樣的(de),在Bootstrap基礎表格是(shì)通(tōng)過φ類名“.table”來(lái)控制(zhì)
斑馬線表格 .table-striped
簡單點說(shuō)就(jiù)是(shì)讓表格帶有(yǒu)背景條紋效果。在Bootstrap中實現(xiàn)這(zhè)種表格效果并不(bù)困難，隻需要(✘yào)在的(de)基礎上(shàng)增加類名“.table-striped”即可(kě)

帶邊框的(de)表格 .table-bordered

即所有(yǒu)單元格具有(yǒu)一(yī)條1px的(de)邊框。隻需要(yào)在基礎表格 基礎上(shàng)添加一(yī)個(gè)“.table-bordered”類名即可(kě)

鼠标懸浮高(gāo)亮(liàng)的(de)表格 .table-hover

當鼠标懸停在表格的(de)行(xíng)上(shàng)面有(yǒu)一(yī)個(gè)高(gāo)亮(liαàng)的(de)背景色，使用(yòng)也(yě)簡單，僅需要(yào) 元素上(shàng)添加類名“table-hover”即可(kě)。

緊湊型表格 .table-condensed

緊湊型表格的(de)運用(yòng)，也(yě)隻是(shì)需要(yào)在 基礎上(shàng)添加類名“table-condensed”
Bootstrap中緊湊型的(de)表格與基礎表格差别不(bù)大(dà)，因為(wèi)隻是(shì)将單元格的(de)內(nèi)距由8px₹調至5px。

響應式表格 .table-responsive

Bootstrap提供了(le)一(yī)個(gè)容器(qì)，并且此容器(qì)設置類名“.table-responsive”,此容≥器(qì)就(jiù)具有(yǒu)響應式效果，然後将 置于這(zhè)個(gè)容器(qì)當中，這(zhè)樣表格也(yě)就(jiù)具有(yǒu)響應式效果。 
Bootstrap中響應式表格效果表現(xiàn)為(wèi)：當你(nǐ)的(de)浏覽器(qì)可(kě)視(£shì)區(qū)域小(xiǎo)于768px時(shí)，表格底部會(huì)出現(xiàn)水(shuǐ)平滾動條。當你(nǐ)的(de)浏覽器(qì)可(kě)視(shìε)區(qū)域大(dà)于768px時(shí)，表格底部水(shuǐ)平滾動條就(jiù)會(huì)消失。
這(zhè)是(shì)蘇州網絡公司小(xiǎo)編在做(zuò)系統中遇到(dào)問(wèn)題整理(lǐ)的(de)一(yī)些(xiē)關于bootstrap的Ω(de)表格用(yòng)法，但(dàn)是(shì)不(bù)管制(zhì)作(zuò)哪種表格都(dōu)離(lí)不(bù)開(kāi)類名“table”↑。所以大(dà)家(jiā)在使用(yòng)Bootstrap表格時(shí)，千萬注意你(nǐ)的(de) 元素中一(yī)定不(bù)能(néng)缺少(shǎo)類名“table”。