easyui 表頭顏色、列內容顏色、多級表頭

阿新 • • 發佈：2018-12-19

<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/tag.inc.jsp"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<!-- 表頭顏色 --> 

<style>
    .datagrid-header-row td{background-color:#36C0DA;color:#fff}
</style>

<script>
  var stepList="";//工序集合
  $(function () {
        searchdata();
    });
    //改變一列中 內容的顏色
    function stylerone(value, row, index) {
          return 'background-color:#C0D9D9;color:black';
     }

     function 
 searchdata(){
        $("#KPIProduction").datagrid({
            url: "<c:url value='/qm/ProductionReport.sp?method=KPIProductionReport'/>",
            remoteSort:true,
            columns:[
                [
                    {title: '工單資訊統計',colspan:4},
                    {title:'物料使用統計',colspan:4 
},
                    {title:'時間統計',colspan:4},
                    {title:'效率資訊統計',colspan:1}
                ],
                [   
                { field: 'planWorkNumber',title:'計劃工單數(個)',width:125,  align: 'center',styler:stylerone },
                { field: 'trueFinish',title:'工單實際完成數(個)',width:125,aligb:'center'},
                { field: 'workCompletion',title:'工單完成率(%)',width:150,  align: 'center'},
                { field: 'actualProduction',title:'實際產量(KG)',width:145,  align: 'center'},
                { field: 'feedNumber',title:'生產投料量(KG)',width:145,  align: 'center'},
                { field: 'wasteNumber',title:'廢品量(KG)',width:145,  align: 'center'},
                { field: 'yield',title:'成品率(%)',width:145,  align: 'center'},
                { field: 'cleanNumber',title:'清機投料量(KG)',width:145,  align: 'center'},
                { field: 'productionTime',title:'生產時間(H)',width:145,  align: 'center'},
                { field: 'cleanTime',title:'清機時間(H)',width:100,  align: 'center'},
                { field: 'downTime',title:'裝置異常停機時間(H)',width:140,  align: 'center'},
                { field: 'MachineOK',title:'裝置完好率(%)',width:100,  align: 'center'},
                { field: 'hourOutPut',title:'機臺小時產出',width:100,  align: 'center'}               
            ] 
            ],

            queryParams:{
                StratDay:$("#txtqueryStratDay").datebox('getValue'),
                EndDay:$("#txtqueryEndDay").datebox('getValue'),
                machineNumber:$("#txtmachineNumber").textbox('getValue'),
                stepNo:$("#txtstepNo","#query").combobox('getValue'),
                eqLevel:$("#txteqLevel").textbox('getValue')
            },
        });
    }
    </script>
</head>
<body class="main_body" >
    <title>裝置執行情況統計</title>
    <div class="src_area" id="query">
        <table>
            <tr>
                <td><b>日期段查詢</b></td>
                 <td><input id="txtqueryStratDay" name="txtqueryStratDay" class="easyui-datebox" style="width: 180px; height: 30px;" data-options="buttons:calendarClearButton,editable:false"></td>
                 <td><input id="txtqueryEndDay" name="txtqueryEndDay" class="easyui-datebox" style="width: 180px; height: 30px;" data-options="buttons:calendarClearButton,editable:false"></td>

                 <td><b>裝置編號</b></td>
                 <td>
                    <input id="txtmachineNumber" name="txtmachineNumber" class="easyui-textbox" style="width: 120px; height: 30px;"/>
                 </td>

                 <td><b>工序</b></td>
                 <td>
                    <input class="easyui-combobox" id="txtstepNo" name="txtstepNo" style="width: 130px; height: 30px;"/>
                 </td>

                 <td><b>裝置等級</b></td>
                 <td>
                    <select class="easyui-combobox" id="txteqLevel" name="txteqLevel" style="width: 130px; height: 30px;">
                        <option value="重要裝置">重要裝置</option>
                        <option value="">所有裝置</option>
                        <option value="一般裝置">一般裝置</option>
                    </select>  
                 </td>
                 <td>
                    <a href="#" class="easyui-linkbutton normal_btn" data-options="iconCls:'icon-search'" onclick="searchdata()">查詢</a>
                </td>
            </tr>
        </table>
    </div>
    <table id="KPIProduction" class="easyui-datagrid" style="width: 100%;">
</body>
</html>

這裡寫圖片描述

easyui 表頭顏色、列內容顏色、多級表頭

<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%> <%@ include file="/common/tag.inc.jsp"%> <!DOCTYPE html> &

Element-ui自定義table表頭，修改列標題樣式、新增tooltip， :render-header使用簡介

關注我的個人部落格:pinbolei.cn，獲取更多內容 render-header render-header在官方文件中的介紹是這樣的：引數說明型別可選值預設值

centos7 檔案搜尋、檔案內容搜尋、管道

centos7 1、檔案搜尋 find 可以找到你想要的檔案格式： find [目錄] [選項] [選項值] 目錄：去哪找，可以不寫，預設代表當前目錄選項：怎麼找 >> -name 按照名字找可以使用萬

五大儲存模型關係模型、鍵值儲存、文件儲存、列式儲存、圖形資料庫

也可以認為是五大資料庫儲存模型。資料庫市場需要細分，行式資料庫不再滿足所有的需求，而有很多需求需要通過本記憶體資料庫和列式資料庫解決，列式資料庫在資料分析、海量儲存、BI這三個領域有自己獨到。 1. 關係型資料庫(行式資料庫) mysql sybase etc 定義：

oracle 建表、建sequence序列、刪除表中列、列加註釋、增加表中列

1.建表 create table 表名 ( ID number(10) not null, SURRENDER_ID number(10), DATE_NAME va

固定表頭和第一列、內容可滾動的table表格

本文首發我的簡書鑑於之前有幾個專案都用到了第一行第一列固定不動的表格，所以整理了一下製作這種表格的方法。基本原理是把表格分為四個部分，左上角是固定不動的，第一行和第一列是半固定的，只能左右移動或者上下移動，而右下角部分則是可以左右上下滑動，第一行和第一列根

JavaScript 一個文字跑馬燈程式碼實現可以設定文字內容、左右滾動方向、文字大小和顏色、滾動速度

JavaScript 一個文字跑馬燈程式碼實現，可以設定文字內容、左右滾動方向、文字大小及顏色、滾動速度，暫停和繼續播放。這是一個比較簡單，甚至完全可以用css實現，其實就是滿足小朋友興趣愛好寫的這麼一個demo。看似簡單，其實這裡還是有些實現細節需要注意，所以就跟大家分享下。 1、頁面

iOS 更改狀態列、導航欄顏色的幾種方法

ios上狀態列就是指的最上面的20畫素高的部分狀態列分前後兩部分，要分清這兩個概念，後面會用到：前景部分：就是指的顯示電池、時間等部分；背景部分：就是顯示黑色或者圖片的背景部分； (一)設定statusBar的【前景部分】簡單來說，就是設定顯示電池電量、時間、網路部分標示的顏色，這裡只能設定兩種

easyui datagrid 表頭固定（垂直滾動條）、列固定（水平滾動條）

easyui datagrid 表頭固定（垂直滾動條）、列固定（水平滾動條），每頁顯示1000行最近用多了easyui 之後還是覺得它的功能還是很強大的。它原有的功能就已經能夠滿足90%以上的介面需求。 1、當資料行很多時，會呈現垂直的滾動條，但是向下滾動，表頭卻被淹沒了，這不符合人類偷懶

導航欄、狀態列字型顏色大小和背景顏色

1、導航欄的背景色和標題顏色大小 //設定導航欄標題顏色和大小 [self.navigationController.navigationBar setTitleTextAttributes:@{NSForegroundColorAttributeName

Android底部選單欄、Android沉浸式狀態列（頂部狀態列修改顏色）、自定義標題欄

0、簡介：沒有使用TabHost切換，而是變成FragmentActivity替換Fragment；沉浸式引用的git上面的jar包。先看圖片 1、底部導航欄核心程式碼 <span style="white-space:pre"> </span&

學習筆記TF015:加載圖像、圖像格式、圖像操作、顏色

修改感知存在邊界 apt 預處理所有 images 其中 TensorFlow支持JPG、PNG圖像格式，RGB、RGBA顏色空間。圖像用與圖像尺寸相同(height*width*chnanel)張量表示。通道表示為包含每個通道顏色數量標量秩1張量。圖像所有像素存在

如何修改WP文章字體格式、字號大小、字體顏色

大小 cnblogs 編輯 nts urn 字體顏色 div 單擊如果在使用wordpress編輯文章的時候，很多朋友會像小編一樣，發現它並沒有像word文檔一樣有修改字體樣式、字體大小、字體顏色、分頁符等功能按鈕，對我們寫文章極為不便，原因是wordpress默認使用

jquery 表格固定表頭、列插件

port wrap ren head att wrapper false != 其他原創插件，轉載請聲明出處！！！ PS：此插件並無什麽效率可言（註重效率就不要用了），然後也不支持舊版本瀏覽器（不支持css3 pointer-events屬性的不能用） PS2：相比其他插

8、腳本顏色顯示(看命令echo更全)和util循環和for循環中級用法

util循環 for循環顏色顯示我們之前說過echo要支持反斜線的轉義的話，用-e選項\033表示的是ctrl（顏色的符號），然後使用一個左中括號，然後可以控制它的顏色，結束符是\033[0m基本使用方法\033[（顏色符號+m，如31m，41,m）（內容）\033[0m如\033[33mHelloWolrd

西數硬盤黑、紅、藍、綠、紫不同顏色系列硬盤區別

耗電並發不同磁盤 body 系統盤顏色容量 clas 綠：轉速低、噪音低、省電、速度慢、可靠性一般、不適合RAID，適合當個人電腦的倉庫盤紅：轉速低、噪音低、省電、速度慢、可靠性較高，適合RAID，適合並發量不大的NAS 藍：轉速高，噪音中、耗電中、速度中、可靠

鼠標移上去變大、改變背景顏色等

col gree meta AR ner func one nsh 恢復 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> &l

echarts更改折線圖區域顏色、折線顏色、折點顏色

series : [ { name:'訂單流入總數', type:'line', stack: '總量', areaStyle: { normal: { color: '#8cd5c2' //改變區域顏色 } }, itemStyle : { normal : { color:'#8cd5c2', //改

markdown編輯器語法——字型、字號與顏色

Markdown是一種可以使用普通文字編輯器編寫的標記語言，通過類似HTML的標記語法，它可以使普通文字內容具有一定的格式。但是它本身是不支援修改字型、字號與顏色等功能的！ CSDN-markdow

css基礎及其例項：常用選擇器、顏色五中寫法、字型樣式、自定義字型、盒模型及其樣式設定

<html lang="en"><head> <meta charset="UTF-8"> <title>css樣式</title> <style>

easyui 表頭顏色 、列內容顏色 、多級表頭

相關推薦

easyui 表頭顏色、列內容顏色、多級表頭