bootstrap布局报表

最新推荐文章于 2024-07-06 14:50:15 发布
最新推荐文章于 2024-07-06 14:50:15 发布
阅读量1.4k 收藏 2
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YIYIYIPEI/article/details/106708340
版权

汇总bootstrap部分图标样式

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/context/mytags.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width" />
<meta name="renderer" content="webkit">
<title>Bootstrap-Eaharts-DEMO</title>
<link href="plug-in/bootstrap3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
</head>
<body>
<div class="container-fluid">
	<div class="row">
		<div class="col-md-8">
			<div id="main1" style="height:400px;"></div>
		</div>
		<div class="col-md-4">
			<div id="main2" style="height:400px;"></div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-6">
			<div id="main3" style="height:400px;"></div>
		</div>
		<div class="col-md-6">
			<div id="main4" style="height:400px;"></div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-4">
			<div id="main5" style="height:400px;"></div>
		</div>
		<div class="col-md-4">
			<div id="main6" style="height:400px;"></div>
		</div>
		<div class="col-md-4">
			<div id="main7" style="height:400px;"></div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-2">
			<div id="main8" style="height:400px;"></div>
		</div>
		<div class="col-md-6">
			<div id="main9" style="height:400px;"></div>
		</div>
		<div class="col-md-4">
			<div id="main10" style="height:400px;"></div>
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
			<div id="main11" style="height:400px;"></div>
		</div>
	</div>
	<button style="float:right;" type="button" class="btn btn-default" onclick="clickPrint()">打印</button>
</div>
</body>
<script type="text/javascript" src="plug-in/jquery/jquery-1.9.1.js"></script>
<script type="text/javascript" src="plug-in/bootstrap3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="plug-in/printthis/printThis.js"></script>
<script type="text/javascript" src="plug-in/echart/echarts.min.js"></script>
<script type="text/javascript">
	var myChart1 = echarts.init(document.getElementById('main1'));
	var myChart2 = echarts.init(document.getElementById('main2'));
	var myChart3 = echarts.init(document.getElementById('main3'));
	var myChart4 = echarts.init(document.getElementById('main4'));
	var myChart5 = echarts.init(document.getElementById('main5'));
	var myChart6 = echarts.init(document.getElementById('main6'));
	var myChart7 = echarts.init(document.getElementById('main7'));
	var myChart8 = echarts.init(document.getElementById('main8'));
	var myChart9 = echarts.init(document.getElementById('main9'));
	var myChart10 = echarts.init(document.getElementById('main10'));
	var myChart11= echarts.init(document.getElementById('main11'));
	// 指定图表的配置项和数据
	var option = {
	    title: {
	        text: '基础雷达图'
	    },
	    tooltip: {},
	    legend: {
	        data: ['预算分配（Allocated Budget）', '实际开销（Actual Spending）']
	    },
	    radar: {
	        // shape: 'circle',
	        name: {
	            textStyle: {
	                color: '#fff',
	                backgroundColor: '#999',
	                borderRadius: 3,
	                padding: [3, 5]
	           }
	        },
	        indicator: [
	           { name: '销售（sales）', max: 6500},
	           { name: '管理（Administration）', max: 16000},
	           { name: '信息技术（Information Techology）', max: 30000},
	           { name: '客服（Customer Support）', max: 38000},
	           { name: '研发（Development）', max: 52000},
	           { name: '市场（Marketing）', max: 25000}
	        ]
	    },
	    series: [{
	        name: '预算 vs 开销（Budget vs spending）',
	        type: 'radar',
	        // areaStyle: {normal: {}},
	        data : [
	            {
	                value : [4300, 10000, 28000, 35000, 50000, 19000],
	                name : '预算分配（Allocated Budget）'
	            },
	             {
	                value : [5000, 14000, 28000, 31000, 42000, 21000],
	                name : '实际开销（Actual Spending）'
	            }
	        ]
	    }]
	};
	// 使用刚指定的配置项和数据显示图表。
	myChart1.setOption(option);
	option = {
	    title : {
	        text: '某站点用户访问来源',
	        subtext: '纯属虚构',
	        x:'center'
	    },
	    tooltip : {
	        trigger: 'item',
	        formatter: "{a} <br/>{b} : {c} ({d}%)"
	    },
	    legend: {
	        orient: 'vertical',
	        left: 'left',
	        data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
	    },
	    series : [
	        {
	            name: '访问来源',
	            type: 'pie',
	            radius : '55%',
	            center: ['50%', '60%'],
	            data:[
	                {value:335, name:'直接访问'},
	                {value:310, name:'邮件营销'},
	                {value:234, name:'联盟广告'},
	                {value:135, name:'视频广告'},
	                {value:1548, name:'搜索引擎'}
	            ],
	            itemStyle: {
	                emphasis: {
	                    shadowBlur: 10,
	                    shadowOffsetX: 0,
	                    shadowColor: 'rgba(0, 0, 0, 0.5)'
	                }
	            }
	        }
	    ]
	};
	myChart2.setOption(option);
	option = {
	    title: {
	        text: 'ECharts 入门示例'
	    },
	    tooltip: {},
	    legend: {
	        data:['销量']
	    },
	    xAxis: {
	        data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
	    },
	    yAxis: {},
	    series: [{
	        name: '销量',
	        type: 'bar',
	        data: [5, 20, 36, 10, 10, 20]
	    }]
	};
	myChart3.setOption(option);
	option = {
	    title: {
	        text: '堆叠区域图'
	    },
	    tooltip : {
	        trigger: 'axis',
	        axisPointer: {
	            type: 'cross',
	            label: {
	                backgroundColor: '#6a7985'
	            }
	        }
	    },
	    legend: {
	        data:['联盟广告','视频广告','直接访问','搜索引擎']
	    },
	    toolbox: {
	        feature: {
	            saveAsImage: {}
	        }
	    },
	    grid: {
	        left: '3%',
	        right: '4%',
	        bottom: '3%',
	        containLabel: true
	    },
	    xAxis : [
	        {
	            type : 'category',
	            boundaryGap : false,
	            data : ['周一','周二','周三','周四','周五','周六','周日']
	        }
	    ],
	    yAxis : [
	        {
	            type : 'value'
	        }
	    ],
	    series : [
	        {
	            name:'联盟广告',
	            type:'line',
	            stack: '总量',
	            areaStyle: {normal: {}},
	            data:[220, 182, 191, 234, 290, 330, 310]
	        },
	        {
	            name:'视频广告',
	            type:'line',
	            stack: '总量',
	            areaStyle: {normal: {}},
	            data:[150, 232, 201, 154, 190, 330, 410]
	        },
	        {
	            name:'直接访问',
	            type:'line',
	            stack: '总量',
	            areaStyle: {normal: {}},
	            data:[320, 332, 301, 334, 390, 330, 320]
	        },
	        {
	            name:'搜索引擎',
	            type:'line',
	            stack: '总量',
	            label: {
	                normal: {
	                    show: true,
	                    position: 'top'
	                }
	            },
	            areaStyle: {normal: {}},
	            data:[820, 932, 901, 934, 1290, 1330, 1320]
	        }
	    ]
	};
	myChart4.setOption(option);
	var colors = ['#5793f3', '#d14a61', '#675bba'];
	option = {
	    color: colors,

	    tooltip: {
	        trigger: 'none',
	        axisPointer: {
	            type: 'cross'
	        }
	    },
	    legend: {
	        data:['2015 降水量', '2016 降水量']
	    },
	    grid: {
	        top: 70,
	        bottom: 50
	    },
	    xAxis: [
	        {
	            type: 'category',
	            axisTick: {
	                alignWithLabel: true
	            },
	            axisLine: {
	                onZero: false,
	                lineStyle: {
	                    color: colors[1]
	                }
	            },
	            axisPointer: {
	                label: {
	                    formatter: function (params) {
	                        return '降水量  ' + params.value
	                            + (params.seriesData.length ? '：' + params.seriesData[0].data : '');
	                    }
	                }
	            },
	            data: ["2016-1", "2016-2", "2016-3", "2016-4", "2016-5", "2016-6", "2016-7", "2016-8", "2016-9", "2016-10", "2016-11", "2016-12"]
	        },
	        {
	            type: 'category',
	            axisTick: {
	                alignWithLabel: true
	            },
	            axisLine: {
	                onZero: false,
	                lineStyle: {
	                    color: colors[0]
	                }
	            },
	            axisPointer: {
	                label: {
	                    formatter: function (params) {
	                        return '降水量  ' + params.value
	                            + (params.seriesData.length ? '：' + params.seriesData[0].data : '');
	                    }
	                }
	            },
	            data: ["2015-1", "2015-2", "2015-3", "2015-4", "2015-5", "2015-6", "2015-7", "2015-8", "2015-9", "2015-10", "2015-11", "2015-12"]
	        }
	    ],
	    yAxis: [
	        {
	            type: 'value'
	        }
	    ],
	    series: [
	        {
	            name:'2015 降水量',
	            type:'line',
	            xAxisIndex: 1,
	            smooth: true,
	            data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
	        },
	        {
	            name:'2016 降水量',
	            type:'line',
	            smooth: true,
	            data: [3.9, 5.9, 11.1, 18.7, 48.3, 69.2, 231.6, 46.6, 55.4, 18.4, 10.3, 0.7]
	        }
	    ]
	};
	myChart5.setOption(option);
	option = {
	    tooltip : {
	        trigger: 'axis',
	        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
	            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
	        }
	    },
	    legend: {
	        data: ['直接访问', '邮件营销','联盟广告']
	    },
	    grid: {
	        left: '3%',
	        right: '4%',
	        bottom: '3%',
	        containLabel: true
	    },
	    xAxis:  {
	        type: 'value'
	    },
	    yAxis: {
	        type: 'category',
	        data: ['周一','周二','周三','周四','周五','周六','周日']
	    },
	    series: [
	        {
	            name: '直接访问',
	            type: 'bar',
	            stack: '总量',
	            label: {
	                normal: {
	                    show: true,
	                    position: 'insideRight'
	                }
	            },
	            data: [320, 302, 301, 334, 390, 330, 320]
	        },
	        {
	            name: '邮件营销',
	            type: 'bar',
	            stack: '总量',
	            label: {
	                normal: {
	                    show: true,
	                    position: 'insideRight'
	                }
	            },
	            data: [120, 132, 101, 134, 90, 230, 210]
	        },
	        {
	            name: '联盟广告',
	            type: 'bar',
	            stack: '总量',
	            label: {
	                normal: {
	                    show: true,
	                    position: 'insideRight'
	                }
	            },
	            data: [220, 182, 191, 234, 290, 330, 310]
	        }
	    ]
	};
	myChart6.setOption(option);
	option = {
	    tooltip : {
	        formatter: "{a} <br/>{b} : {c}%"
	    },
	    toolbox: {
	        feature: {
	            restore: {},
	            saveAsImage: {}
	        }
	    },
	    series: [
	        {
	            name: '业务指标',
	            type: 'gauge',
	            detail: {formatter:'{value}%'},
	            data: [{value: 50, name: '完成率'}]
	        }
	    ]
	};

	myChart7.setOption(option);

	option = {
	    tooltip: {
	        trigger: 'item',
	        formatter: "{a} <br/>{b}: {c} ({d}%)"
	    },
	    legend: {
	        orient: 'vertical',
	        x: 'left',
	        data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
	    },
	    series: [
	        {
	            name:'访问来源',
	            type:'pie',
	            radius: ['50%', '70%'],
	            avoidLabelOverlap: false,
	            label: {
	                normal: {
	                    show: false,
	                    position: 'center'
	                },
	                emphasis: {
	                    show: true,
	                    textStyle: {
	                        fontSize: '30',
	                        fontWeight: 'bold'
	                    }
	                }
	            },
	            labelLine: {
	                normal: {
	                    show: false
	                }
	            },
	            data:[
	                {value:335, name:'直接访问'},
	                {value:310, name:'邮件营销'},
	                {value:234, name:'联盟广告'},
	                {value:135, name:'视频广告'},
	                {value:1548, name:'搜索引擎'}
	            ]
	        }
	    ]
	};

	myChart8.setOption(option);
	var labelRight = {
	    normal: {
	        position: 'right'
	    }
	};
	option = {
	    title: {
	        text: '交错正负轴标签',
	        subtext: 'From ExcelHome',
	        sublink: 'http://e.weibo.com/1341556070/AjwF2AgQm'
	    },
	    tooltip : {
	        trigger: 'axis',
	        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
	            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
	        }
	    },
	    grid: {
	        top: 80,
	        bottom: 30
	    },
	    xAxis: {
	        type : 'value',
	        position: 'top',
	        splitLine: {lineStyle:{type:'dashed'}},
	    },
	    yAxis: {
	        type : 'category',
	        axisLine: {show: false},
	        axisLabel: {show: false},
	        axisTick: {show: false},
	        splitLine: {show: false},
	        data : ['ten', 'nine', 'eight', 'seven', 'six', 'five', 'four', 'three', 'two', 'one']
	    },
	    series : [
	        {
	            name:'生活费',
	            type:'bar',
	            stack: '总量',
	            label: {
	                normal: {
	                    show: true,
	                    formatter: '{b}'
	                }
	            },
	            data:[
	                {value: -0.07, label: labelRight},
	                {value: -0.09, label: labelRight},
	                0.2, 0.44,
	                {value: -0.23, label: labelRight},
	                0.08,
	                {value: -0.17, label: labelRight},
	                0.47,
	                {value: -0.36, label: labelRight},
	                0.18
	            ]
	        }
	    ]
	};
	myChart9.setOption(option);
	
	option = {
	    angleAxis: {
	    },
	    radiusAxis: {
	        type: 'category',
	        data: ['周一', '周二', '周三', '周四'],
	        z: 10
	    },
	    polar: {
	    },
	    series: [{
	        type: 'bar',
	        data: [1, 2, 3, 4],
	        coordinateSystem: 'polar',
	        name: 'A',
	        stack: 'a'
	    }, {
	        type: 'bar',
	        data: [2, 4, 6, 8],
	        coordinateSystem: 'polar',
	        name: 'B',
	        stack: 'a'
	    }, {
	        type: 'bar',
	        data: [1, 2, 3, 4],
	        coordinateSystem: 'polar',
	        name: 'C',
	        stack: 'a'
	    }],
	    legend: {
	        show: true,
	        data: ['A', 'B', 'C']
	    }
	};

	myChart10.setOption(option);
	
	option = {
	    title: {
	        text: '未来一周气温变化',
	        subtext: '纯属虚构'
	    },
	    tooltip: {
	        trigger: 'axis'
	    },
	    legend: {
	        data:['最高气温','最低气温']
	    },
	    toolbox: {
	        show: true,
	        feature: {
	            dataZoom: {
	                yAxisIndex: 'none'
	            },
	            dataView: {readOnly: false},
	            magicType: {type: ['line', 'bar']},
	            restore: {},
	            saveAsImage: {}
	        }
	    },
	    xAxis:  {
	        type: 'category',
	        boundaryGap: false,
	        data: ['周一','周二','周三','周四','周五','周六','周日']
	    },
	    yAxis: {
	        type: 'value',
	        axisLabel: {
	            formatter: '{value} °C'
	        }
	    },
	    series: [
	        {
	            name:'最高气温',
	            type:'line',
	            data:[11, 11, 15, 13, 12, 13, 10],
	            markPoint: {
	                data: [
	                    {type: 'max', name: '最大值'},
	                    {type: 'min', name: '最小值'}
	                ]
	            },
	            markLine: {
	                data: [
	                    {type: 'average', name: '平均值'}
	                ]
	            }
	        },
	        {
	            name:'最低气温',
	            type:'line',
	            data:[1, -2, 2, 5, 3, 2, 0],
	            markPoint: {
	                data: [
	                    {name: '周最低', value: -2, xAxis: 1, yAxis: -1.5}
	                ]
	            },
	            markLine: {
	                data: [
	                    {type: 'average', name: '平均值'},
	                    [{
	                        symbol: 'none',
	                        x: '90%',
	                        yAxis: 'max'
	                    }, {
	                        symbol: 'circle',
	                        label: {
	                            normal: {
	                                position: 'start',
	                                formatter: '最大值'
	                            }
	                        },
	                        type: 'max',
	                        name: '最高点'
	                    }]
	                ]
	            }
	        }
	    ]
	};

	myChart11.setOption(option);
	
	function clickPrint() {
		$("div.container-fluid").printThis({
	      debug: false,               // 显示用于调试的iframe
	      importCSS: true,            // 导入页面CSS 
	      importStyle: false,         // 导入样式标签 
	      printContainer: true,       // 抓取外部容器以及选择器的内容 
	      loadCSS: null, 			  // 路径额外的CSS文件-用于多个阵列[] 
	      pageTitle: "Bootstrap EChartsDemo",              // 将标题添加到打印页面
	      removeInline: false,        // 从打印元素中删除所有内联样式 
	      printDelay: 333,            // 可变打印延迟; 取决于复杂性，可能需要更高的值 
	      header: null,               // 前缀为html 
	      footer: null,               // 后缀为html 
	      base: false ,               // 保留BASE标记或接受URL的字符串
	      formValues: true,           // 保留输入/表单值 
	      canvas: true,              // 复制canvas元素（实验性）
	      doctypeString: "...",       // 为旧标记 
	      removeScripts: false,       // 从打印内容中删除脚本标记
	      copyTagClasses: false       // 从html＆body标签复制类 
		});
	}

</script>
</html>
伊佩佩
关注
专栏目录
用bootstrapTable实现考勤报表的动态生成
nb7474的博客
01-24 1万+
在设计考勤报表的时候，由于每个月的日期是不同的，所以他的表需要动态生成。而bootstrapTable表格的初始化时候，是根据开始时候静态页面所规定的th标签中内容进行初始化。例如：<table id="tablesinglelast"> <thead> <tr> <th data-field="workDate" id="ws.ref_date"
Bootstrap-表格模板（动态满屏）【筛选+分页+排序】
12-26
动态满屏的实现通常通过响应式布局实现，利用Bootstrap的栅格系统（如`col-sm-`, `col-md-`, `col-lg-`等）来确保表格在不同设备上都能自适应显示。 其次，筛选功能是通过JavaScript和jQuery实现的。用户可以根据...
使用Spring Boot和JasperReports生成报表
最新发布
省赚客开发者博客
07-06 755
在企业应用程序中，生成和展示报表是一项常见的需求。JasperReports是一个流行的开源报表工具，结合Spring Boot可以快速实现报表的生成和导出功能。JasperReports是一个基于Java的报表生成工具，它允许开发者通过XML定义报表模板，将数据填充到模板中，并支持多种导出格式，如PDF、HTML、Excel等。通过结合JasperReports强大的报表设计和生成能力，开发者可以快速实现企业应用程序中的报表需求，提升用户体验和管理效率。在生成大型报表时，需要注意内存和性能问题。
bootstrapTable的使用及表格的导出_bootstraptable 导出
2401_84240554的博客
04-13 2586
有toolbar：的样式无toolbar：的样式（2）sidePagination："client"或 “server”：分页方式：client客户端分页，server服务端分页（*）**client客户端分页：**如果是客户端分页的话，每次请求数据时请求的是全部数据，传递的请求参数中没有pageSize和PageNumber这两个属性；server服务端分页：如果是r服务端分页的话，每次请求数据时请求的是全部数据，传递的请求参数中必须有pageSize和PageNumber这两个属性；
BootStrap表单
qq_35377740的博客
07-11 655
基本实例.form-control设置&lt;input&gt;&lt;textarea&gt;&lt;select&gt;标签宽度为100%。将label和&lt;input&gt;&lt;textarea&gt;&lt;select&gt;标签统一放在.form-group 中，以获得更好的排列。表单基本结构&lt;div class="form-group"&gt;&am
bootstrap+MVC+NOPI 实现table报表以及报表导出
weixin_30654419的博客
12-25 155
这个是我最近（2015-12-25 ）1个月做项目用到的技术点。 主要说说报表这块， （国内做报表的有些黑，我只需要一个简单的table样式的报表就可以，开口就要价6万， MD，我一个项目才20多万，一个小功能吃了项目资金的1/4，还有我几个兄弟们还能拿多少，不用你们的，爷自己做。） 先来张做好的效果图 导出Excel ，（好像，excel 样式忘设置了。内容改居中的， 回头加上） ...
扁平化bootstrap后台管理报表统计html模板_bootstrap ajax
12-04
此模板基于Bootstrap，确保了良好的响应式布局，适应各种屏幕尺寸的设备。 3. **后台管理界面**：模板专为后台管理系统设计，包括常见的管理页面元素，如仪表盘、图表、表格、表单等，满足数据展示、数据分析和操作...
绿色扁平化后台报表统计bootstrap模板.rar
04-28
【标题】：“绿色扁平化后台报表统计bootstrap模板.rar”是一个基于Bootstrap框架设计的后台管理模板，强调了绿色和扁平化的设计风格，用于后台的数据报表统计和展示。该模板适用于构建具有现代感和高效用户体验的...
扁平化bootstrap后台管理报表统计html模板.zip
10-05
"扁平化bootstrap后台管理报表统计html模板"是基于Bootstrap框架创建的一个专用于后台管理系统的设计模板，适用于数据统计和分析的场景。 该模板的核心特性在于其扁平化设计，这是一种现代且简洁的设计风格，强调...
jQuery+bootstrap可视化表单拖拽编辑，自定义拖拽设计表单
02-26
代码简介：jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单，可自定义拖拽控制生成表单，预览表单，表单各种属性可通过json格式的配置来处理控制表单的各个属性，看起来非常的高大上，...
bootstrap各种图表模版
06-30
boostrap相信用过的人都知道它便捷之处，省去不少Java程序员对前端的烦恼
bootstrap动态表格模板
09-23
这个是bootstrap动态表格模板，非常酷，可以直接使用，包括筛选，分页，排序等
Bootstrap万能模板 包括各种表单等常用的控件，各种图表，折线图等，还有媒体组件，视频在线播放
01-13
Bootstrap万能模板 包括各种表单等常用的控件，各种图表，折线图等，还有媒体组件，视频在线播放，资源5分肯定是值
Bootstrap统计图后台管理模板
11-29
Bootstrap响应式销售统计后台管理模板
Bootstrap 表格
书香水墨
07-23 946
一、Bootstrap 表格 基于Bootstrap4 == 1.1 表格元素== Bootstrap 提供了一个清晰的创建表格的布局。下表列出了 Bootstrap 支持的一些表格元素 元素 描述 <table> 为表格添加基础样式。 <thead> 表格标题行的容器元素（<tr>），用来标识表格列。 <tbody> 表...
Bootstrap3实现费用报销表单
zhourongxiang1的博客
03-24 463
button type="button" class="btn btn-default del" onclick="del(this)">删除onblur表示失去焦点事件，当金额输入框失去焦点后，计算合计。label标签中 for=“dept”，指向id为dept的输入框。点击label标签，焦点落在dept输入框中。onclick="del(this)"中this代表button元素。点击删除按钮，删除该行，重新计算合计。js中多行字符串用``表示。点击增加按钮，增加一行。
bootstrap中要使自己写的效果强制实现‘’_报表工具--浏览式报表方框勾选项效果实现...
weixin_39886547的博客
01-28 90
浏览式报表中经常会出现勾选项的显示效果，例如，个人信息表中根据证书持有情况直接在信息表用显示勾选效果。以雇员表中尊称字段为例，数据分别为”女士”,”先生”，根据数据雇员的不同尊称，显示相应的勾选效果。这里介绍三种实现方式：1.特殊符号在页面中要显示的选项内容”先生”、“女士”分别写在 C6、E6 两个单元格中；在 B6、D6 的单元格表达式都设置为 =ds1. 尊称；将 B6 单元格的显示值表达式...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值