開放的樣式文件，皕杰報(bào)表支持自行設(shè)置css文件

們?cè)跒g覽器上瀏覽報(bào)表的時(shí)候，報(bào)表顯示的樣式實(shí)質(zhì)上是css文件控制的。

皕杰報(bào)表中，css樣式文件在資源文件夾report_res/skin下，包含query.css、table.css、toolbar.css、fillin.css、common.css、exception.css，分別是表單格式、報(bào)表格式、工具條格式、填報(bào)格式、公共區(qū)格式以及異常時(shí)的格式。

對(duì)于皕杰報(bào)表工具，這些格式文件都是開放的，你可以自行修改設(shè)置，以便形成與項(xiàng)目一致的風(fēng)格樣式。要注意的是這個(gè)樣式是針對(duì)所有報(bào)表的全局樣式，最常用到的就是報(bào)表的樣式table.css，有特殊的表格形式需求可以通過修改css來實(shí)現(xiàn)。

table.css代碼如下：

/*報(bào)表整體區(qū)域*/
div.rpt_frame{
/*background-color:#FFFFFF;*/
font-family:'MicroSoft YaHei','PingFang SC', Helvetica, Arial, 'WenQuanYi Micro Hei', sans-serif;
font-size:10pt;
}
/*標(biāo)題區(qū)*/
div#rpt_title{
}
table.rpt_title {
text-align:center;
vertical-align:middle;
color:#4b4b4b;
}
/*表頭區(qū)*/
table.rpt_header td {
text-align:center;
vertical-align:middle;
}
/*左表頭區(qū)*/
table.rpt_header_left td {
text-align:center;
vertical-align:middle;
}
/*數(shù)據(jù)區(qū)*/
table.rpt_body td{
text-align:center;
vertical-align:middle;
color:#333333;
}
div.cellContent {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
div.cellContent:hover {
overflow: visible;
}
div.wrapContent {
overflow: visible;
white-space: normal;
line-height: 1;
}
div.cellFloatLayer {
position:absolute;
top:0px;
left:0px;
}
/*表尾區(qū)*/
table.rpt_tail td{
text-align:center;
vertical-align:middle;
font-size:10pt;
}
/*單元格邊框*/
td.border_0 {
}
td.border_r {
border-right: 1px solid #CCCCCC;
}
td.border_b {
border-bottom: 1px solid #CCCCCC;
}
td.border_l {
border-left: 1px solid #CCCCCC;
}
td.border_t {
border-top: 1px solid #CCCCCC;
}
.split-slash line{
stroke-width: 1.0;
stroke: #CCCCCC;
}

/*數(shù)據(jù)區(qū)行*/
table.rpt_body tr {
/*background-color: #FFFFFF;*/
}
/*數(shù)據(jù)區(qū)奇數(shù)行*/
table.rpt_body tr.rpt_row_odd {
/*background-color: #f6f6f6;*/
}
/*鼠標(biāo)焦點(diǎn)行高亮*/
table.rpt_body tr:hover td{
background-color: #E6E6E6;
}
.canclick{
cursor:pointer;
}
/*upload progress bar*/
div.up_pb {
width:100%;
height:100%;
display:block;
background-color:#EFEFEF;
background-image: url(image/table/load.gif);
background-repeat:no-repeat;
background-position:center;
}
/*file download link*/
a.af:link {
vertical-align:top;
text-decoration:none;
color:black;
}
a.af:visited {
text-decoration:none;
}
a.af:hover {
text-decoration:underline;
}
/*common style*/
table.bct{
border:0;
border-spacing:0;
}

table.bct td {
padding:0;
}
table.bct th {
padding:0;
}

另外單元格里也支持從web資源引用屬性里添加的css樣式，對(duì)于具體報(bào)表個(gè)別單元格里需要的特殊樣式，只需在單元格css樣式名屬性里添加web資源引用屬性里添加的css樣式名即可。

者馬玉姝通訊員盧諾

為積極發(fā)揮人力資源市場(chǎng)在企業(yè)用工和求職人員之間的信息交互平臺(tái)作用，促進(jìn)人崗有效對(duì)接，結(jié)合當(dāng)前疫情防控工作要求，淄博市人力資源市場(chǎng)于6月17日起恢復(fù)定期現(xiàn)場(chǎng)招聘會(huì)。

據(jù)了解，招聘會(huì)自6月17日起，每周五上午9:00—11:00（企業(yè)8:30起開始入場(chǎng)）于淄博市人力資源市場(chǎng)北側(cè)辦公樓二樓（淄博市經(jīng)濟(jì)開發(fā)區(qū)南重慶路117號(hào) 重慶路和復(fù)興路交叉路口東南角）舉行。

用人單位需通過淄博市人力資源市場(chǎng)網(wǎng)站注冊(cè)和訂展（登錄網(wǎng)址：http://120.220.22.32:8880/col/1026/index.html）。根據(jù)疫情防控有關(guān)要求，現(xiàn)場(chǎng)招聘會(huì)限制開放20個(gè)攤位，每家參會(huì)單位限1人入場(chǎng)。

求職人員參會(huì)采用實(shí)名制入場(chǎng)，需提前通過淄博市人力資源市場(chǎng)網(wǎng)站（同上方網(wǎng)址）或進(jìn)入“溫暖淄博人社”微信小程序—“求職招聘”模塊，注冊(cè)個(gè)人賬號(hào)并完善簡(jiǎn)歷信息，發(fā)布求職意向，刷本人身份證入場(chǎng)參加現(xiàn)場(chǎng)招聘會(huì)。

啥說“再”呢？

因?yàn)榇_實(shí)是再，之前學(xué)習(xí)過。這個(gè)blog是2009年就開始寫的了。剛開始那會(huì)兒，為了折騰模板，學(xué)習(xí)過一陣子HTML和CSS。

前幾年，為了美化巖土工具箱，又折騰過一陣子。這一回，用了框架，當(dāng)時(shí)用的是bootstrap，美化的效果差強(qiáng)人意。

這兩段之間，其實(shí)還有很多很多次的折騰，不說也罷。

再學(xué)習(xí)的最大感受，就是HTML5比之前的復(fù)雜多了。之前使用bootstrap已經(jīng)領(lǐng)教過其復(fù)雜性，當(dāng)時(shí)還以為是bootstrap帶來的。這一次多花了一點(diǎn)時(shí)間專門看HTML的資料和教程，才發(fā)現(xiàn)是HTML5的鍋，面對(duì)這種復(fù)雜性，前端開發(fā)確實(shí)能當(dāng)?shù)闷稹伴_發(fā)”二字，拿HTML作為主打技能也沒啥說不過去的。

這種復(fù)雜性，就我這種菜鳥來說，都是隨便就能舉幾個(gè)例子出來的。

比如，語義化標(biāo)簽。HTML5之前，是沒有語義化標(biāo)簽這種東西的。有一段時(shí)間，如何使用table搞排版都能算得上奇技淫巧，能駕馭div的都能算是高手了。

再比如，給input加label。之前看bootstrap的教程，沒有深究，以為是bootstrap自身為了實(shí)現(xiàn)一些效果才添加的label。這回看了mozilla的文檔，發(fā)現(xiàn)加label已經(jīng)是HTML的規(guī)范的一部分了，目的似乎是為了配合屏幕閱讀器實(shí)現(xiàn)閱讀功能。屏幕閱讀器是干啥的呢？自然是為那些不方便或者沒辦法觀看屏幕內(nèi)容的人群服務(wù)的，這種功能當(dāng)然是十分有意義的，這一點(diǎn)也是符合www的開放共享的初衷的。

在線咨詢

上一篇：每日一個(gè)HTML小知識(shí)：div和span作用及用法
下一篇：python制作網(wǎng)頁讀取顯示Excel數(shù)據(jù)

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商

開放的樣式文件，皕杰報(bào)表支持自行設(shè)置css文件

您的項(xiàng)目需求