Hướng dẫn bootstrap table select row - bảng bootstrap chọn hàng
|
Tài liệu và các ví dụ cho kiểu dáng chọn tham gia của các bảng (được sử dụng phổ biến trong các plugin JavaScript) với bootstrap. Show
Ví dụDo việc sử dụng rộng rãi các bảng trên các tiện ích của bên thứ ba như lịch và người chọn ngày, chúng tôi đã thiết kế các bảng của mình để chọn tham gia. Chỉ cần thêm lớp cơ sở |
class="table table-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table table-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table table-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
Sử dụng đánh dấu bảng cơ bản nhất, ở đây, cách mà các bảng dựa trên ____ 16 nhìn vào bootstrap. Tất cả các kiểu bảng được kế thừa trong Bootstrap 4, có nghĩa là bất kỳ bảng lồng nhau nào sẽ được tạo kiểu theo cách tương tự như cha mẹ.All table styles are inherited in Bootstrap 4, meaning any nested tables will be styled in the same manner as the parent.
| # | Ngày thứ nhất | Cuối | Xử lý |
|---|---|---|---|
| 1 | Đánh dấu | Otto | @Mdo |
| 2 | Jacob | Thornton | @mập mạp |
| 3 | Larry | con chim |
class="table">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
Bạn cũng có thể đảo ngược các màu sắc với văn bản sáng trên nền tối với
class="table table-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
| # | Ngày thứ nhất | Cuối | Xử lý |
|---|---|---|---|
| 1 | Đánh dấu | Otto | @Mdo |
| 2 | Jacob | Thornton | @mập mạp |
| 3 | Larry | con chim |
class="table table-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
Bạn cũng có thể đảo ngược các màu sắc với văn bản sáng trên nền tối với
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Tùy chọn đầu bảng
| # | Ngày thứ nhất | Cuối | Xử lý |
|---|---|---|---|
| 1 | Đánh dấu | Otto | @Mdo |
| 2 | Jacob | Thornton | @mập mạp |
| 3 | Larry | con chim |
| # | Ngày thứ nhất | Cuối | Xử lý |
|---|---|---|---|
| 1 | Đánh dấu | Otto | @Mdo |
| 2 | Jacob | Thornton | @mập mạp |
| 3 | Larry | con chim |
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
Bạn cũng có thể đảo ngược các màu sắc với văn bản sáng trên nền tối với
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Tùy chọn đầu bảng
| # | Ngày thứ nhất | Cuối | Xử lý |
|---|---|---|---|
| 1 | Đánh dấu | Otto | @Mdo |
| 2 | Jacob | Thornton | @mập mạp |
| 3 | Larry | con chim |
class="table table-striped">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
| # | Ngày thứ nhất | Cuối | Xử lý |
|---|---|---|---|
| 1 | Đánh dấu | Otto | @Mdo |
| 2 | Jacob | Thornton | @mập mạp |
| 3 | Larry | con chim |
class="table table-striped table-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
Bạn cũng có thể đảo ngược các màu sắc với văn bản sáng trên nền tối với
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Tùy chọn đầu bảng
| # | Ngày thứ nhất | Cuối | Xử lý |
|---|---|---|---|
| 1 | Đánh dấu | Otto | @Mdo |
| 2 | Jacob | Thornton | @mập mạp |
| 3 | Larry |
class="table table-bordered">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
colspan="2">Larry the Bird
@twitter
| # | Ngày thứ nhất | Cuối | Xử lý |
|---|---|---|---|
| 1 | Đánh dấu | Otto | @Mdo |
| 2 | Jacob | Thornton | @mập mạp |
| 3 | Larry |
class="table table-bordered table-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
colspan="2">Larry the Bird
@twitter
Bạn cũng có thể đảo ngược các màu sắc với văn bản sáng trên nền tối với
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Tùy chọn đầu bảng
| # | Ngày thứ nhất | Cuối | Xử lý |
|---|---|---|---|
| 1 | Đánh dấu | Otto | @Mdo |
| 2 | Jacob | Thornton | @mập mạp |
| 3 | Larry |
class="table table-hover">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
colspan="2">Larry the Bird
@twitter
| # | Ngày thứ nhất | Cuối | Xử lý |
|---|---|---|---|
| 1 | Đánh dấu | Otto | @Mdo |
| 2 | Jacob | Thornton | @mập mạp |
| 3 | Larry |
class="table table-hover table-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
colspan="2">Larry the Bird
@twitter
Bạn cũng có thể đảo ngược các màu sắc với văn bản sáng trên nền tối với
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Tùy chọn đầu bảng
| # | Ngày thứ nhất | Cuối | Xử lý |
|---|---|---|---|
| 1 | Đánh dấu | Otto | @Mdo |
| 2 | Jacob | Thornton | @mập mạp |
| 3 | Larry |
class="table table-sm">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
colspan="2">Larry the Bird
@twitter
| # | Ngày thứ nhất | Cuối | Xử lý |
|---|---|---|---|
| 1 | Đánh dấu | Otto | @Mdo |
| 2 | Jacob | Thornton | @mập mạp |
| 3 | Larry |
class="table table-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
con chim
Bạn cũng có thể đảo ngược các màu sắc với văn bản sáng trên nền tối với |
|---|
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table table-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
Sử dụng
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
| # | Tùy chọn đầu bảng | Tùy chọn đầu bảng |
|---|---|---|
| 1 | Hàng sọc | Hàng sọc |
| 2 | Hàng sọc | Hàng sọc |
| 3 | Hàng sọc | Hàng sọc |
| 4 | Hàng sọc | Hàng sọc |
| 5 | Hàng sọc | Hàng sọc |
| 6 | Hàng sọc | Hàng sọc |
| 7 | Hàng sọc | Hàng sọc |
| 8 | Hàng sọc | Hàng sọc |
| 9 | Hàng sọc | Hàng sọc |
class="table table-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
Sử dụng class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
3 để thêm dải ngựa vằn vào bất kỳ hàng bảng nào trong class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
4.
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
Bàn giáp
Thêm
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
Larry con chim
Hàng lơ lửng
Thêm
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
class="table">
class="thead-light">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
Bàn nhỏ
| # | Ngày thứ nhất | Cuối | Xử lý |
|---|---|---|---|
| 1 | Đánh dấu | Otto | @Mdo |
| 2 | Jacob | Thornton | @mập mạp |
| 3 | Larry | con chim |
class="table table-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
Thêm
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
| # | First | Last | Handle |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Các lớp học theo ngữ cảnh
Sử dụng các lớp theo ngữ cảnh để các hàng bảng màu hoặc các ô riêng lẻ.
Lớp
Phần mở đầu
Tích cực
| # | Phần mở đầu | Phần mở đầu | Phần mở đầu | Phần mở đầu | Phần mở đầu | Phần mở đầu | Phần mở đầu | Phần mở đầu | Phần mở đầu |
|---|---|---|---|---|---|---|---|---|---|
| 1 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
| 2 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
| 3 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
class="table table-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
Điểm dừng cụ thể
Sử dụng
class="table table-striped">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
| # | Phần mở đầu | Phần mở đầu | Phần mở đầu | Phần mở đầu | Phần mở đầu |
|---|---|---|---|---|---|
| 1 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
| 2 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
| 3 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
| # | Phần mở đầu | Phần mở đầu | Phần mở đầu | Phần mở đầu | Phần mở đầu |
|---|---|---|---|---|---|
| 1 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
| 2 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
| 3 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
| # | Phần mở đầu | Phần mở đầu | Phần mở đầu | Phần mở đầu | Phần mở đầu |
|---|---|---|---|---|---|
| 1 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
| 2 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
| 3 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
| # | Phần mở đầu | Phần mở đầu | Phần mở đầu | Phần mở đầu | Phần mở đầu |
|---|---|---|---|---|---|
| 1 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
| 2 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
| 3 | Tế bào | Tế bào | Tế bào | Tế bào | Tế bào |
class="table table-dark">
scope="col">#
scope="col">First
scope="col">Last
scope="col">Handle
scope="row">1
Mark
Otto
@mdo
scope="row">2
Jacob
Thornton
@fat
scope="row">3
Larry
the Bird
@twitter
