后臺管理系統中主要以表格為主,表格溢出問題是很常見的,為了不影響代碼結構有能輕松解決表格溢出問題,可以使用 `table_fixed` 方法:
```
/**
* 表格無限寬橫向溢出
* @param selector
* @param width 不賦值默認為th的width值和
*/
function table_fixed(selector,width) {
$obj = $(selector);
//未設置寬度自動獲取width屬性的寬
if (typeof width === "undefined"){
width = 0;
$obj.find("tr:first th").each(function () {
width += parseInt($(this).attr("width") || $(this).innerWidth());
})
}
$obj.css({"width":width+"px","table-layout":"fixed"});
$obj.wrap('<div style="width:100%;overflow:auto"></div>');
}
```
使用方法如下:
```
table_fixed('.table'); //使用寬度自動識別,首先識別表格中th的width值,然后識別真實寬度
table_fixed('.table',2000);//直接將表格設置為2000,讓表格溢出
```
- 概要
- 開始使用
- 寫在前面
- 目錄結構
- 模板主題支持
- 前置方法before支持
- 數據返回
- 異常接管
- Rbac 權限管理
- 開始使用
- 用戶管理
- 分組管理
- 節點管理
- 角色管理
- 使用流程
- 其他
- 代碼自動生成 v1.2
- 示例一 - 一級控制器
- 示例二 - 多級控制器
- 示例三 - 從數據表生成
- 示例四 - 指定生成的文件
- 示例五 - 命令行模式
- 示例六 - 模擬命令行模式
- 代碼自動生成
- 示例一 - 一級控制器
- 示例二 - 多級控制器
- 控制器
- 公共控制器
- traits 多繼承 Controller
- 公開不授權控制器
- 其他控制器
- 標簽擴展
- 模板
- 網站操作日志
- 節點圖
- 行為驅動
- 其他后端方法
- Excel一鍵導出
- Excel一鍵導入
- 文件下載
- 郵件發送
- 七牛文件上傳
- id加密
- 前端
- ajax請求
- 表單校驗
- 豐富彈層
- 異步操作
- 表格溢出
- 隨機字符串
- 自動面包屑導航
- 動態加載文件
- 文件上傳
- Tab 切換
- 圖片預覽
- 二維碼生成
- 日歷組件
- 升級指導
- 更新日志
- FAQ