精华内容
下载资源
问答
  • 表格美化

    2011-06-08 10:43:00
    于是我在网站找了很多解决方法,将其一结合JQuery进行改造后,代码如下: JS代码: /*表格行交叉样式JS,需要在使用该JS的页面定义相应的样式(.eee;.ddd;.on;.click;)文字链接的样式也要根据这些样式选择合适的...

          我在开发CRM系统的时候,我们客服人员提出了一个这样的问题:表格内容太宽,拖动滚动条到另一边就分不清自己看的是哪一行了。

          于是我在网站找了很多解决方法,将其一结合JQuery进行改造后,代码如下:

    JS代码:

    /*表格行交叉样式JS,需要在使用该JS的页面定义相应的样式(.eee;.ddd;.on;.click;)文字链接的样式也要根据这些样式选择合适的颜色定义*/
    function CrossCss(obj) {
        obj.find("tr:even").addClass("eee");
        obj.find("tr:odd").addClass("ddd");
    
        $.each(obj.find("tr"), function () {
            $(this).hover(function () {
                $(this).addClass("on");
            }, function () {
                $(this).removeClass("on");
            });
    
            $(this).click(function () {
                obj.find("tr").removeClass("click");
                $(this).addClass("click");
            });
        });
    }

    然后在你要美化表格的页面定义你想要的样式,如下:

    <style type="text/css">
            /*奇数行样式*/
            .eee
            {
                background: #eee;
            }
            /*偶数行样式*/
            .ddd
            {
                background: #ddd;
            }
            /*鼠标经过样式*/
            .on
            {
                background: #c4c4ff;
            }
            /*鼠标点击样式*/
            .click
            {
                background: #333;
                color: #fff;
            }
        </style>

     

    在页面初始化的时候执行JS定义的方法:

    <script type="text/javascript">
            $(function () {
                //调用JS方法,TableID是你想要美化的表格ID
                CrossCss($("#PageTypeList"));
            });
       </script>

     

    这样,你的表格就会很漂亮了,由于表格太宽,拖到另一边后不记得是哪一行的问题也解决了。效果图如下:

    W3}_G)__8NLAX)M]86%DU6Q

     

    这里的JS和CSS可以封装起来,用起来就更方便了。不知道有没有更好的方法,期待高手的指点。

    转载于:https://www.cnblogs.com/acafaxy/archive/2011/06/08/2074927.html

    展开全文
  • 在浏览网页的时候可以发现,很多用于网站排版的表格都是经过美化处理的,这些表格不仅起了布局排版的作用,而且在很大程度上美化了网页,使网页看起来更加漂亮、新颖。
  • 纯CSS3表格美化特效
  • 表格美化你的网页

    2007-08-31 20:28:13
    表格美化你的网页 让表格美化你的网页
  • 在浏览网页的时候可以发现 很多用于网站排版的表格都是经过美化处理的 这些表格 不仅起了布局排版的作用而且在很大程度上美化了网页使网页看起来更加漂亮新颖 效果说明 利用表格美化页面的方式有很多种本例制作出来...
  • 用css美化表格边框.table1{border:#000000dashed;border-width:1001}.td1{border:#000000dashed;border-width:0110}.table2{border:#cc0000solid;border-width:1001;background:#ffffff}.td2{border:#cc0000so...
    用css美化表格边框1         2         3         4         5         6         7         8         9         10         11         12         13         14         15         
    展开全文
  • pip install prettytable 每次添加一行 from prettytable import PrettyTable # 默认表头... 本文标题: Python 使用 prettytable 库打印表格美化输出功能 本文地址: http://www.cppcns.com/jiaoben/python/295625.html

    pip install prettytable

    每次添加一行

    from prettytable import PrettyTable

    # 默认表头:Field 1、Field 2...

    # 添加表头

    table = PrettyTable(["URL", "参数", "值"])

    # add_row 添加一行数据

    table.add_row(["http://aaa.com", "raskv", "dEBxcS5j"])

    table.add_row(["http://bbb.com", "su", "626d5633583231794c6d4e6"])

    table.add_row(["http://ccc.com", "pwd", "Ym1WM1gyMXlMbU5"])

    # 默认居中对齐

    # 设置"值"列,局左对齐 left首字母

    table.align["值"] = 'l'

    print(table)

    2019122615551117.png

    每次添加一列

    from prettytable import PrettyTable

    table = PrettyTable()

    # add_column 添加一列数据

    table.add_column('===', ["URL", "参数", "值"])

    table.add_column('第1列', ["http://aaa.com", "raskv", "dEBxcS5j"])

    table.add_column('第2列', ["http://bbb.com", "su", "626d5633583231794c6d4e6"])

    table.add_column('第3列', ["http://ccc.com", "pwd", "Ym1WM1gyMXlMbU5"])

    # 设置"第3列",局右对齐 right首字母

    table.align["第3列"] = 'r'

    print(table)

    2019122615551118.png

    总结

    以上所述是小编给大家介绍的Python 使用 prettytable 库打印表格美化输出功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

    如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

    本文标题: Python 使用 prettytable 库打印表格美化输出功能

    本文地址: http://www.cppcns.com/jiaoben/python/295625.html

    展开全文
  • ["http://ccc.com", "pwd", "Ym1WM1gyMXlMbU5"]) # 设置"第3列",局右对齐 right首字母 table.align["第3列"] = 'r' print(table) 总结 以上所述是小编给大家介绍的Python 使用 prettytable 库打印表格美化输出功能...

    pip install prettytable

    每次添加一行

    from prettytable import PrettyTable

    # 默认表头:Field 1、Field 2...

    # 添加表头

    table = PrettyTable(["URL", "参数", "值"])

    # add_row 添加一行数据

    table.add_row(["http://aaa.com", "raskv", "dEBxcS5j"])

    table.add_row(["http://bbb.com", "su", "626d5633583231794c6d4e6"])

    table.add_row(["http://ccc.com", "pwd", "Ym1WM1gyMXlMbU5"])

    # 默认居中对齐

    # 设置"值"列,局左对齐 left首字母

    table.align["值"] = 'l'

    print(table)

    blank.gif

    每次添加一列

    from prettytable import PrettyTable

    table = PrettyTable()

    # add_column 添加一列数据

    table.add_column('===', ["URL", "参数", "值"])

    table.add_column('第1列', ["http://aaa.com", "raskv", "dEBxcS5j"])

    table.add_column('第2列', ["http://bbb.com", "su", "626d5633583231794c6d4e6"])

    table.add_column('第3列', ["http://ccc.com", "pwd", "Ym1WM1gyMXlMbU5"])

    # 设置"第3列",局右对齐 right首字母

    table.align["第3列"] = 'r'

    print(table)

    blank.gif

    总结

    以上所述是小编给大家介绍的Python 使用 prettytable 库打印表格美化输出功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

    如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

    时间: 2019-12-24

    展开全文
  • CSS美化友好的表格

    2013-09-12 15:39:17
    美化好的表格可以使用在网站信息
  • CSS表格及表单美化

    千次阅读 2019-06-09 20:42:53
    CSS表格及表单美化 有效的传递页面信息 使用CSS美化过的页面文本,使页面漂亮、美观,吸引用户 可以很好的突出页面的主题内容,使用户第一眼可以看到页面主要内容 具有良好的用户体验 <span> 标签的作用 能让...
  • 1.PrettyTable 是什么 PrettyTable是用于生成简单ASCII表的Python...因为想用Python输出一些数据,用表格的形式,看起来比较好看. 安装: pip install prettytable 先来个简单的例子: ``` #!/usr/bin/python3 from pret
  • 基于css样式的网页表格美化技术与方法TECHNIQUE AND METHOD计 算 机 应 用RAILWAYCOMPUTERAPPLICATION第15卷第6期Vol.15 No.6文章编号:1005-8451(2006...
  • 老左并不是一名网页设计师,但是经常在...随着时间的积累,我们越发感觉到CSS样式的无穷奇妙,比如我们在制作某个表格时候,可以简单的利用CSS样式表的修改变化多样的CSS表格样式。在页面布局和内容分享的时候,...
  • ["http://ccc.com", "pwd", "Ym1WM1gyMXlMbU5"]) # 设置"第3列",局右对齐 right首字母 table.align["第3列"] = "r" print(table) 总结 以上所述是小编给大家介绍的Python 使用 prettytable 库打印表格美化输出功能...
  • CSS(Cascading Style Sheets)它是一种制作网页的新技术。与传统的html语言相比,CSS技术为网页设计提供了更丰富、更...结合几个实例详细介绍如何利用CSS来美化网页表格,使得网页增光添彩,从而能够吸引更多的浏览者
  • 使用cSS美化表格和表单元素 网页中表格的应用无处不在,在HTML中,最 初希望用于纯数据,却发展为基本页面布局子语言 但是在Web标准中,正在渐渐地恢复表格原来的用 途,即只用来显示表格数据如今,表格已经成为 可视化...
  • .企业网站优化与美化

    2013-04-12 12:48:47
    使用CSS设置图文混排效果 使用CSS设置表格特效 使用CSS设置表单特效 使用CSS设置导航栏特效 使用CSS设置超链接特效、超链接按钮 使用DIV+CSS进行网站布局 了解网站的配色与结构
  • 赵鹏老师企业网站优化与美化系列视频课程课程目录:【】第一章 制作图文混排页面【】第一章 制作多图文混排页面【】第三章 制作淘宝网宝贝类目【】第三章 制作背景图片变换的超链接【】第二章 使用表格制作日历【】...
  • 表格不贴左上,设置首行首列空白 行高13.5改成18 数字和中文,字体用Arial 强调用颜色,不能改字体大小和粗细 金钱,数量用千分撇: 1,040,000点击自动生成 单位另外起一个字段 树型目录,细项设栏(宽:1)缩进 表格...
  • 网站美化常见CSS

    千次阅读 2016-12-23 18:15:43
    伴随网络时代日新月异的发展,用户不仅仅满足于软件系统的功能需求,对软件...今天我们来介绍一些网站美化常见的CSS样式以及处理手法。 1 基础教程 1.1 基础语法 选择器 选择器通常为需要改变样式的元素; 1)
  • 这篇文章主要介绍HTML两个比较...- 表格Table及简单的网页布局 - 表单Form及Input控件 - 简单介绍HTML5新增Input控件 真心希望文章对你有所帮助,尤其是初学HTML网页知识的同学。如果文章中存在不足之处,还请海涵~
  • HTML 表格制作 制作人缪卫平 会实现简单表格 会实现跨行跨列的复杂表格 会对表格进行美化修饰 本章目标 为什么使用表格 表格应用场合 论坛 门户网站 购物网站 论坛中应用表格 门户网站应用表格 购物网站应用表格 ...
  • 能根据页面需要合理利用CSS样式控制 页面元素的位置 任务四 利用CSS样式控制页面元素位置 项目描述 在设置表格属性完善表格布局时我们了解到表格的单元格有垂直和水平两个属性它们能控制单元格内元素在垂直方向和...
  • 网页美化

    2020-12-25 13:02:31
    表格标签 …… 行标签 …… 单元格标签 …… 语法 文字 文字 文字 文字 二.创建表格的步骤 1.创建表格标签 ……。 2.在表格标签 …… 中创建行标签 ……,可以有多行。 3.在行标签 …… 中...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,057
精华内容 2,022
关键字:

网站表格美化