python測試開發django-132.Bootstrap Table設置表頭樣式(theadClasses)

2021-12-29 從零開始學自動化測試

收錄於話題 #django 101個

前言

Bootstrap Table表頭添加背景色,可以通過theadClasses屬性設置表頭樣式。

設置theadClasses屬性

沒設置theadClasses屬性時候,背景色默認是白色

bootstrap背景顏色設置

.bg-primary       主要的

.bg-success    成功

.bg-info       信息

.bg-warning  警告

.bg-danger   危險

顏色效果對應下圖

theadClasses設置背景色」bg-info」

$("#table").bootstrapTable({
toolbar: '#toolbar', //自定義工具按鈕
url: url, //請求後臺的URL(*)
method: 'get', //請求方式(*)
cache: false, //是否使用緩存,默認為true,所以一般情況下需要設置一下這個屬性(*)
theadClasses: "bg-info",
.
})

表格背景色顯示效果

自定義表頭背景色

先在頭部設置style樣式

color 字體顏色

background-color 背景色

border-color 邊框顏色

// 作者-上海悠悠 QQ交流群:717225969
// blog地址 https://www.cnblogs.com/yoyoketang/
<head>
<style>
.table-green {
color: #042cff;
background-color: #84f1cd;
border-color: #84f1cd;
}
</style>
</head>

給表頭設置自定義的 table-green 屬性

// 作者-上海悠悠 QQ交流群:717225969
// blog地址 https://www.cnblogs.com/yoyoketang/
$("#table").bootstrapTable({
toolbar: '#toolbar', //自定義工具按鈕
url: url, //請求後臺的URL(*)
method: 'get', //請求方式(*)
cache: false, //是否使用緩存,默認為true,所以一般情況下需要設置一下這個屬性(*)
theadClasses: "table-green",
.
})

顯示效果如下


2021年第 9 期《python接口web自動化+測試開發》課程,10月17號開學!

加量不加價(新增postman, 贈送selenium和python基礎2個課

本期上課時間:10月17號-1月9號,每周六、周日晚上20:30-22:30

聯繫微信/QQ:283340479

相關焦點

  • python測試開發django-184.bootstrap-table 前端分頁搜索相關配置
    收錄於話題 #django//搜索確定按鈕 // showSearchClearButton: true, //清空輸入框 // singleSelect: true,#} clickToSelect: true, //showColumns: true, //是否顯示所有的列
  • python測試開發django-117.bootstrapTable結合Paginator分頁器查顯示表格
    /放置static文件中,目錄結構如下模板中頭部引用# 作者-上海悠悠 QQ交流群:717225969# blog地址 https://www.cnblogs.com/yoyoketang/<head> {% load static %} <title>bootstrap-table
  • python測試開發django -142.Bootstrap 表單(form)
    收錄於話題 #django<div> <label for="Password1">密碼</label> <div> <input type="password" id="Password1" placeholder="Password">
  • python測試開發django-1.開始hello world!
    前言當你想走上測試開發之路,用python開發出一個web頁面的時候,需要找一個支持python語言的web框架。
  • RuoYi 解決Bootstrap Table凍結若干問題
    select-table table-bordered table-responsive"style="overflow-y:hidden;"><tableid="bootstrap-table"class="table text-nowrap table-striped"></table></div></div>註:
  • 21 表格Table教程(plotly Dash Bootstrap版)
    祝大家周末愉快~~~使用Table組件將Bootstrap樣式的HTML表添加到您的應用中。html表單中有兩種類型的單元格,表頭單元格和標準單元格,分別由以下元素創建:表頭單元格:包含表頭信息,由<th>元素創建;標準單元格:包含數據,由<td>元素創建; 表格相關的重要標籤:<th>標籤:是table headercell
  • Python+django網頁設計入門(12):使用Bootstrap和jQuery
    前導課程:Python+django網頁設計入門(11):在線考試與自動評分Python+django網頁設計入門(10):分頁顯示Python+django網頁設計入門(9):自定義反爬蟲功能Python+django網頁設計入門(8):網站項目文件夾布局Python+django網頁設計入門
  • Python + Django 開發實戰(下)
    接下來談談日誌記錄,單元測試和程序調優和重構等內容。    這一篇要談的內容,也是開發中不可忽視的環節。 開發中日誌記錄能幫我們記錄信息定位問題;單元測試幫助我們在迭代開發過程及時發現問題,減少bug的引入; 而程序調優與重構,是一個永恆的話題。 日誌的重要性想必不用多說。 在我看來,日誌的作用主要有兩點:運營數據支撐。
  • python測試開發django-114.ModelForm中局部鉤子(clean_)和全局鉤子校驗
    收錄於話題 #djangoif form_obj.is_valid(): # data = form_obj.cleaned_data() form_obj.save() msg = "保存成功" return HttpResponseRedirect('/total') else
  • 用Python加Django十分鐘建個網站
    而Django 是老牌基於Python的CMS框架了,一直聽說很強大,甚至曾經很紅的Ruby On Rails都參考了它的很多概念,今天我們就簡單學習一個首先當然要pip install django然後我們就可以新建一個目錄,在這個目錄下執行django-admin startproject HelloWorld它會創建HelloWord
  • Django分頁完整示例
    大家好,在這篇文章中,我們將展示django的分頁完整的一個實例,當我們打算用Django中開發博客時,需要將帖子列表分別展示到多個頁面上,在這方面,
  • 使用 Django 進行測試驅動開發
    (TDD),就是先編寫測試用例,然後編寫代碼來滿足測試用例,具體包含以下步驟:通常情況下,我們都是先寫代碼,然後編寫測試用例,因此測試驅動開發是反直覺的,那為什麼還要這麼做呢?基於以下幾點原因:TDD 可以被認為是根據測試用例來說明需求。此後編寫原始碼,重點是滿足這些要求。當測試最終通過時,你可以確信已滿足要求。這種專注可以幫助開發人員避免範圍蔓延。TDD 可以通過較短的開發周期提高開發效率。一次解決測試用例中的個別可以最大限度地減少幹擾因素。重大更改將更容易跟蹤和解決。減少了調試工作,提高了效率,並且將更多時間花在開發上。編寫測試時考慮到了需求。
  • python測試開發django-76.ORM查詢之Q查詢
    查詢 or如有個 Card 模型,表裡面有以下數據查詢 card_user 名稱為 YOYO 或 yoyo的數據,使用 SQL 可以這樣查詢select * from yoyo_card where card_user = 'YOYO' or 'yoyo';filter() 查詢,查詢或關係MyDjango>python
  • python程式設計師嘔心瀝血整理 Django 優秀資源大全
    django-simpleui, star:311 - 可用於 Django 管理界面的一個Vue+Element-ui的現代主題。djamin, star:214 - Django 管理界面的一種新樣式。django-admin-bootstrap, star:468 - Django 管理界面的自適應皮膚。
  • django-admin和manage.py用法
    開篇話:我們在Django開發過程中,命令行執行最多的應該就是python manage.py <command>,今天聊聊manage.py這個命令。記錄要點:django-admin和manage.py 能做同樣的事情 像我們常用的python manage.py runserver,用django-admin也可以操作:django-admim runserver 注意: django-admin需要提前提前配置好DJANGO_SETTINGS_MODULE環境變量
  • 【開源插件】Bootstrap-Table 實現表格的查詢、分頁、排序
    ,對表格記錄的查詢、分頁、排序等處理是非常常見的,在Web開發中,可以採用很多功能強大的插件來滿足要求,且能極大的提高開發效率,本隨筆介紹這個bootstrap-table是一款非常有名的開源表格插件,在很多項目中廣泛的應用。
  • python測試開發django-56.模板渲染markdown語法+代碼高亮
    markdown先使用pip按照markdown模塊,用於轉換markdown為htmlpip install markdown在後臺頁面編輯的markdown內容,markdown裡面插入代碼一般有兩種方式:一種是把代碼全部選中,然後縮進(四個空格)第二種是代碼部分用三個```包起來,後面可以跟著對應語言python,如下(這裡不太好展示,前面的\
  • Python Django之路與您同行
    主要在這裡寫下自己的學習筆記、軟體測試思考及讀書感悟等,後續可能會系統的介紹一些python、django、移動端自動化測試、接口自動化測試、性能測試等。歡迎您的光臨!要想深入測試,必須了解功能邏輯,對數據流及網站架構比較清楚,這點也說過多次,真的很重要,必須要體現在工作當中,養成習慣,絕對不要對自己測試過的功能模塊其中的技術實現不清楚。這樣測試路會不好走!!!
  • python測試開發django-37.外鍵(ForeignKey)查詢
    前言前面在admin後臺頁面通過設置外鍵,可以選擇下拉框的選項,本篇主要講解關於外鍵(ForeignKey)的查詢models設計
  • Django&DataTables應用
    import HttpResponsefrom django.core import serializersfrom .models import MyModel def myModel_asJson(request):    object_list = MyModel.objects.all()     json