집 >웹 프론트엔드 >부트스트랩 튜토리얼 >부트스트랩 테이블의 행에 배경색을 추가하는 방법
부트스트랩 테이블의 행에 배경색을 추가하는 방법
bootstrap 테이블 정의 코드:
$table.bootstrapTable({ showExport: true, height: 540, rowStyle:rowStyle,//通过自定义函数设置行样式 columns: [ { field: 'id', title: '序号', align: 'center', sortable: true }, { field: 'sid', title: '学号', align: 'center' }, ] });
bootstrapTable 행 스타일 설정(배경색) 기능 1: 부트스트랩 기본값을 호출하여 지정된 행의 배경색을 설정합니다. style
function rowStyle(row, index) { var classes = ['active', 'success', 'info', 'warning', 'danger']; if (index % 2 === 0 && index / 2 < classes.length) { return { classes: classes[index / 2] }; } return {}; }
bootstrapTable은 행 스타일(배경색)을 설정합니다. 기능 2: 사용자 정의 스타일을 호출하여 지정된 행의 글꼴 색상을 설정합니다
function rowStyle(row, index) { var style = {}; style={css:{'color':'#ed5565'}}; return style; }
관련 권장 사항: "bootstrap tutorial"
위 내용은 부트스트랩 테이블의 행에 배경색을 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!