修改固定行与列的加粗边框显示样式

本文主要描述如何修改固定行与列的加粗边框显示样式

发布于 2012/11/14 00:00

SpreadJS

Spreadfor ASP.NET 6.0产品中提供了固定行与固定列的功能,用户只需设置以下两行代码就可以实现:
  1.     this.FpSpread1.Sheets[0].FrozenRowCount = 2;
  2.     this.FpSpread1.Sheets[0].FrozenColumnCount = 2;
复制代码
在Spread中实现固定行与固定列的基本思想是,将SheetView拆分为多个<Table>进行显示,并将交界的边线进行加粗显示,比如下面的效果:


在某些情况下,我们可能不需要交界处的边线加粗显示,而是与其它表格线显示一样的粗细,此时我们就的对SheetView拆分之后的<Table>进行一些特殊的样式设置,将viewport和viewport1的左边框隐藏,viewport和viewport2的上边框隐藏,而这一过程我们都放到Render中来实现,代码如下:
 
protected override void Render(HtmlTextWriter writer)
    {
        Table frozenTable1 = this.FpSpread1.FindControl("viewport1") as Table;

        if (frozenTable1 != null)
        {
            frozenTable1.Style.Value = "border-bottom: Black  1px solid; position: " +

                "relative; border-left: Black  0px solid; width: 1px; border-collapse:" +

                " collapse; table-layout: fixed; border-top: Black  1px solid; top: 0px;" +

                " cursor: default; border-right: Black  1px solid;";
        }

        Table frozenTable2 = this.FpSpread1.FindControl("viewport2") as Table;

        if (frozenTable2 != null)
        {
            frozenTable2.Style.Value = "border-bottom: Black  1px solid; position: " +

                "relative; border-left: Black  1px solid; width: 1px; border-collapse:" +

                " collapse; table-layout: fixed; border-top: Black  0px solid; top: 0px;" +

                " cursor: default; border-right: Black  1px solid;";
        }

        Table frozenTable = this.FpSpread1.FindControl("viewport") as Table;

        if (frozenTable != null)
        {
            frozenTable.Style.Value = "border-bottom: Black  1px solid; position: " +

                "relative; border-left: Black  0px solid; width: 1px; border-collapse:" +

                " collapse; table-layout: fixed; border-top: Black  0px solid; top: 0px;" +

                " cursor: default; border-right: Black  1px solid;";
        }

        base.Render(writer);

    }
复制代码


源码下载:VS2010 + Spread for ASP.NET 6.0 + IE8.0

SpreadJS | 下载试用

纯前端表格控件SpreadJS,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,备受华为、苏宁易购、天弘基金等行业龙头企业的青睐,并被中国软件行业协会认定为“中国优秀软件产品”。SpreadJS 可为用户提供类 Excel 的功能,满足表格文档协同编辑、 数据填报、 类 Excel 报表设计等业务场景需求,极大的降低企业研发成本和项目交付风险。

如下资源列表,可以为您评估产品提供帮助:

相关产品
推荐相关案例
推荐相关资源
关注微信
葡萄城社区二维码

关注“葡萄城社区”

活字格低代码二维码

关注“活字格低代码”

想了解更多信息,请联系我们, 随时掌握技术资源和产品动态