整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          開放的樣式文件,皕杰報表支持自行設置css文件

          開放的樣式文件,皕杰報表支持自行設置css文件

          們在瀏覽器上瀏覽報表的時候,報表顯示的樣式實質上是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的開放共享的初衷的。


          主站蜘蛛池模板: 国产福利电影一区二区三区,亚洲国模精品一区 | 国产伦理一区二区三区| 日韩精品一区在线| 一区二区三区免费视频观看| 亚洲天堂一区二区| 无码8090精品久久一区| 久久久久人妻一区精品色 | 亚洲国产美女福利直播秀一区二区| 激情啪啪精品一区二区| 精品不卡一区二区| 无码国产精品一区二区免费vr| www一区二区www免费| 黑人一区二区三区中文字幕| 精品欧美一区二区在线观看| 精品不卡一区二区| 亚洲丰满熟女一区二区v| 国产麻豆精品一区二区三区v视界| 日韩精品一区二区三区不卡| 精品国产高清自在线一区二区三区| 无码乱人伦一区二区亚洲| 一区二区乱子伦在线播放| 无码AⅤ精品一区二区三区| 国产一区高清视频| 国产日韩精品一区二区在线观看播放| 成人免费观看一区二区| 蜜臀AV在线播放一区二区三区| 亚洲av无码一区二区乱子伦as | 精品国产日韩亚洲一区| 国产MD视频一区二区三区| 成人免费视频一区| 国产一区二区三区在线免费| 国产福利在线观看一区二区 | 日韩爆乳一区二区无码| 任你躁国语自产一区在| 99精品一区二区免费视频| 少妇无码一区二区三区| 日韩一区二区在线视频| 亚洲熟女综合色一区二区三区 | 激情综合丝袜美女一区二区 | 无码一区二区三区| 亚洲一区二区三区四区视频 |