們在瀏覽器上瀏覽報表的時候,報表顯示的樣式實質上是css文件控制的。
皕杰報表中,css樣式文件在資源文件夾report_res/skin下,包含query.css、table.css、toolbar.css、fillin.css、common.css、exception.css,分別是表單格式、報表格式、工具條格式、填報格式、公共區格式以及異常時的格式。
對于皕杰報表工具,這些格式文件都是開放的,你可以自行修改設置,以便形成與項目一致的風格樣式。要注意的是這個樣式是針對所有報表的全局樣式,最常用到的就是報表的樣式table.css,有特殊的表格形式需求可以通過修改css來實現。
table.css代碼如下:
/*報表整體區域*/
div.rpt_frame{
/*background-color:#FFFFFF;*/
font-family:'MicroSoft YaHei','PingFang SC', Helvetica, Arial, 'WenQuanYi Micro Hei', sans-serif;
font-size:10pt;
}
/*標題區*/
div#rpt_title{
}
table.rpt_title {
text-align:center;
vertical-align:middle;
color:#4b4b4b;
}
/*表頭區*/
table.rpt_header td {
text-align:center;
vertical-align:middle;
}
/*左表頭區*/
table.rpt_header_left td {
text-align:center;
vertical-align:middle;
}
/*數據區*/
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;
}
/*表尾區*/
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;
}
/*數據區行*/
table.rpt_body tr {
/*background-color: #FFFFFF;*/
}
/*數據區奇數行*/
table.rpt_body tr.rpt_row_odd {
/*background-color: #f6f6f6;*/
}
/*鼠標焦點行高亮*/
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樣式,對于具體報表個別單元格里需要的特殊樣式,只需在單元格css樣式名屬性里添加web資源引用屬性里添加的css樣式名即可。
者馬玉姝 通訊員 盧諾
為積極發揮人力資源市場在企業用工和求職人員之間的信息交互平臺作用,促進人崗有效對接,結合當前疫情防控工作要求,淄博市人力資源市場于6月17日起恢復定期現場招聘會。
據了解,招聘會自6月17日起,每周五上午9:00—11:00(企業8:30起開始入場)于淄博市人力資源市場北側辦公樓二樓(淄博市經濟開發區南重慶路117號 重慶路和復興路交叉路口東南角)舉行。
用人單位需通過淄博市人力資源市場網站注冊和訂展(登錄網址:http://120.220.22.32:8880/col/1026/index.html)。根據疫情防控有關要求,現場招聘會限制開放20個攤位,每家參會單位限1人入場。
求職人員參會采用實名制入場,需提前通過淄博市人力資源市場網站(同上方網址)或進入“溫暖淄博人社”微信小程序—“求職招聘”模塊,注冊個人賬號并完善簡歷信息,發布求職意向,刷本人身份證入場參加現場招聘會。
啥說“再”呢?
因為確實是再,之前學習過。這個blog是2009年就開始寫的了。剛開始那會兒,為了折騰模板,學習過一陣子HTML和CSS。
前幾年,為了美化巖土工具箱,又折騰過一陣子。這一回,用了框架,當時用的是bootstrap,美化的效果差強人意。
這兩段之間,其實還有很多很多次的折騰,不說也罷。
再學習的最大感受,就是HTML5比之前的復雜多了。之前使用bootstrap已經領教過其復雜性,當時還以為是bootstrap帶來的。這一次多花了一點時間專門看HTML的資料和教程,才發現是HTML5的鍋,面對這種復雜性,前端開發確實能當得起“開發”二字,拿HTML作為主打技能也沒啥說不過去的。
這種復雜性,就我這種菜鳥來說,都是隨便就能舉幾個例子出來的。
比如,語義化標簽。HTML5之前,是沒有語義化標簽這種東西的。有一段時間,如何使用table搞排版都能算得上奇技淫巧,能駕馭div的都能算是高手了。
再比如,給input加label。之前看bootstrap的教程,沒有深究,以為是bootstrap自身為了實現一些效果才添加的label。這回看了mozilla的文檔,發現加label已經是HTML的規范的一部分了,目的似乎是為了配合屏幕閱讀器實現閱讀功能。屏幕閱讀器是干啥的呢?自然是為那些不方便或者沒辦法觀看屏幕內容的人群服務的,這種功能當然是十分有意義的,這一點也是符合www的開放共享的初衷的。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。