FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 1617|回复: 0

【经验分享】可编辑的单元格显示边框,不能编辑的不显...

[复制链接]
发表于 2020-3-24 15:20:17 | 显示全部楼层 |阅读模式



====

我简单调整了一个,在这个示例:https://pro.fineui.com/#/grideditor/grideditor_editable_cell.aspx

头部添加CSS样式:
<style>
        .f-grid-cell.f-grid-cell-editable {
                padding: 3px;
        }

                .f-grid-cell.f-grid-cell-editable > .f-grid-cell-inner {
                        border-style: solid;
                        border-width: 1px;
                        border-color: #ccc;
                }

                .f-grid-cell.f-grid-cell-editable.f-grid-cell-uneditable > .f-grid-cell-inner {
                        border-style: none;
                        opacity: 1;
                        filter: alpha(opacity=100);
                }

        .f-grid-cell-editor {
                padding: 3px;
        }
</style>

此时的效果截图所示。当然这里定义了边框颜色,所以这个边框颜色只适合于浅色主题。


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-3-28 19:38 , Processed in 0.050248 second(s), 19 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表