后台管理系统中主要以表格为主,表格溢出问题是很常见的,为了不影响代码结构有能轻松解决表格溢出问题,可以使用 `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