Bootstrap 컨텍스트 클래스를 사용하면 테이블 행 또는 개별 셀의 배경색을 변경할 수 있습니다.
다음은 클래스입니다 -
클래스 | 설명 |
---|---|
.활성 | 특정 행이나 셀에 호버 색상을 적용합니다. |
.성공 | 성공적이거나 긍정적인 작업을 나타냅니다. |
.경고 | 주의가 필요할 수 있는 경고를 나타냅니다. |
.위험 | 위험하거나 잠재적으로 부정적인 행동을 나타냅니다. |
예시
다음은 활성 클래스의 예입니다 -
예시
<!DOCTYPE html> <html> <head> <title>Bootstrap Table</title> <link href = "/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <script src = "/scripts/jquery.min.js"></script> <script src = "/bootstrap/js/bootstrap.min.js"></script> </head> <body> <table class = "table"> <thead> <tr> <th>Subject</th> <th>Marks</th> <th>Student</th> </tr> </thead> <tbody> <tr class = "active"> <td>Maths</td> <td>90</td> <td>Amit</td> </tr> <tr> <td>Science</td> <td>80</td> <td>Aman</td> </tr> <tr> <td>English</td> <td>85</td> <td>Rahul</td> </tr> </tbody> </table> </body> </html>