easyui中datagrid的表头放在左边?

问题描述

easyui中datagrid的表头放在左边?

因为只有一条数据,所以准备竖着显示。
这是我用的那个datagrid的代码,我试过修改

标签,还有添加,都不适用,我是刚开始学习的,比较小白,没什么C币,求大神带我飞:

name="companyInfoTable" title="租户信息表"
style="width: 1100px; height: 450px"
data-options="
rownumbers:true,
singleSelect:true,
url:'/manager/selfinfoController/getSelfInfo.do',
method:'get',
toolbar:'#companyInfoTable_toolbar',
pagination:true,
fitColumns:true,

">
                <thead>
                    <tr>
                        <th data-options="field:'pkCompany',width:80,hidden:true">公司编号</th>
                        <th data-options="field:'companyName',width:120">公司名称</th>
                        <th data-options="field:'companyAddr',width:120">公司地址</th>
                        <th data-options="field:'telephone',width:80">联系电话</th>
                        <th data-options="field:'legalPerson',width:80">公司负责人</th>
                        <th data-options="field:'license',width:80">营业执照</th>
                        <th data-options="field:'licenseSt',width:80">使用日期开始</th>
                        <th data-options="field:'licenseFt',width:80">使用日期截止</th>
                        <th data-options="field:'isuse',width:80,formatter:formatter1"><select id="isuseSelect"
                            onchange="doSearch()">
                                <option value="">是否可用</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                        </select></th>
                        <th data-options="field:'remark',width:150">备注</th>
                    </tr>
                </thead>
            </table>

解决方案

为什么表头放左边呢,可以让表头占据两行,数据显示一行。

解决方案二:

@毕小宝 我的意思是类似这样的显示,

解决方案三:

一条数据用propertygrid,datagrid没有办法设置。

你可以再datagrid的onLoadSuccess中获取数据有几行,只有一行就隐藏datagrid,并且用全局变量存储返回的数据,然后自己调用propertygrid的loadData方法加载返回的这条数据进行显示

 $('#dg').datagrid('getPanel').parent().hide()
时间: 2024-10-23 17:55:43

easyui中datagrid的表头放在左边?的相关文章

EasyUI中datagrid在ie下reload失败解决方案

 这篇文章主要介绍了EasyUI中datagrid在ie下reload失败解决方案,结合网上搜集来的几种方案,最终解决了这个问题,分享给大家,希望对大家能够有所帮助.     问题 最近使用EasyUI开发后台系统,测试时发现个奇葩的问题,$('dg').datagrid('reload'); 重新加载表格数据时,ie下一点反应都没有.后来发现其实并不是没有反应,而是浏览器使用了缓存. 解决方案 网上网友总结出来的解决方案有以下几种: 1.在url后加时间戳,使第一次加载和reload中访问的u

easyui中 datagrid 跟layout 如何各占据浏览器的60%跟40%?

问题描述 easyui中 datagrid 跟layout 如何各占据浏览器的60%跟40%? 页面: 1.一个datagrid 2.一个layout,layout里面是一个center,一个east 如何让datagrid占据浏览器60%,layout占据40%,然后自适应浏览器的拉抻. 我给他们设置style="height:60%" 没有效果.. 解决方案 center是依据north和south,浏览器高度来决定的.north和south要定高,不能用百分比.. 你一定要这种布

easyui中datagrid 操作栏格式化为按钮的数据显示错位问题

问题描述 easyui中datagrid 操作栏格式化为按钮的数据显示错位问题 在使用easyui的过程中,通过使用onLoadSuccess将操作栏格式化成按钮之后,就会出现表格中数据错位的问题:将onLoadSuccess注释掉后,恢复正常. 不知道这里面是有什么问题,下面附上界面截图和datagrid的代码,希望大牛们帮忙看看~~感激不尽啊!! $(function(){ $('#dg').datagrid({ title:"学员信息", url:'system/studenti

EasyUI中datagrid在ie下reload失败解决方案_jquery

问题 最近使用EasyUI开发后台系统,测试时发现个奇葩的问题,$('dg').datagrid('reload'); 重新加载表格数据时,ie下一点反应都没有.后来发现其实并不是没有反应,而是浏览器使用了缓存. 解决方案 网上网友总结出来的解决方案有以下几种: 1.在url后加时间戳,使第一次加载和reload中访问的url不一致,使系统无法使用IE缓存.通过测试发现,EasyUI请求时后面已经自带一串随机数_145232xxx,但是ie还是会使用缓存.后来我在请求的js中为url加上rand

jquery easyui 中datagrid 相关的问题

问题描述 这个问题让我纠结好久了,就是,如果说action中查询不到数据的话,前台怎么判断返回值然后给用户提示呢,目前我只想到了一个方法,就是查询两遍,首先用post调用action,如果有数据再调用datagrid的show方法,如果没有就不掉用,但是这个方法太笨了...不知道哪位大神遇到并且结果过这个问题,感激不尽 问题补充:shixy 写道 解决方案 使用datagrid的onLoadSuccess监听事件$('#tt').datagrid({ onLoadSuccess:function

EasyUI中tree,Datagrid,pagenation的使用EasyUI中Datagrid和pagenation进行关联时,再次点击pagenation时让表格数据显示的问题

// 获取选中一行的情况,下面的一个参数可以代表一个DataGridfunction getSelected(dialogEle,dataFileTextEle) { // 获取选中一行的情况. var datagrid = $("#fileInfoDataGrid").datagrid('getSelected'); if (datagrid == null) { $.messager.alert('提示窗口','对不起,您还没有选择文件!','info'); } else { if

easyui中的datagrid怎么一条数据多行显示?

问题描述 easyui中的datagrid怎么一条数据多行显示? 现在就是想用datagrid做表把一条数据多行显示出来 效果像这个样子,找了好多资料都没有看到,求大神教教 解决方案 easyui datagrid数据不显示 解决方案二: 增加loadFilter配置,自己将一行数据整为多行的数据返回 loadFilter function Return the filtered data to display. The function take one parameter 'data' th

easyui-关于easyUI的datagrid的边框问题

问题描述 关于easyUI的datagrid的边框问题 在一个页面上有两个datagrid表格,而且一个是嵌套到另一个里面的,如何只去掉其中一个datagrid表格的边框,而另一个保留边框呢 解决方案 easyui datagrid遇到的问题easyui中datagrid和layout的问题解决easyui的datagrid缓存问题 解决方案二: 如果你是动态生成的,可以直接通过js修改,如果是静态配置的,可以直接在配置里面写. 参考中文文档: http://www.zi-han.net/cas

easyui-EasyUI中datagrid 合并

问题描述 EasyUI中datagrid 合并 根据统计时间合并,并将统计人数相加,得到下图结果 解决方案 这个你服务器来做,easyui只加载你指定页数的数据,只能统计当前页面的 解决方案二: jquery easyUI 中datagrid单元格的合并easyui-datagrid 增删改查EasyUI DataGrid根据字段动态合并单元格 解决方案三: datagrid合并需要使用treegrid.如果你一定要用datagrid来实现合并,就用datagrid中嵌datagrid的方式.比