學習easyui疑問(三)

2021-07-03 16:47:41 字數 1824 閱讀 4659

今天我學習easyui中碰到的另一問題是:如何建立乙個**?

首先,在easyui中文官網上提供的這樣一種定義方式:

id="tt">

table>

--script-->

$('#tt').datagrid(,

,//需要特別注意這裡沒有所謂的單位

]]});

這種方式只能用於建立如圖所示的datagrid(也就是我們所說的table):

而不能達到我所想要打有一定格式的excel表效果。效果圖如下:

也就是說我想要自定義**格式,這在html中直接用table來寫還是比較容易實現的,但為了table的樣式美觀性,用到easyui,我們就必須換種方式來寫。

接下來,我就給大家介紹一下解決這個問題的方式—在table中進行建立

**如下:

1 

class="easyui-datagrid"

style="width:400px;height:250px"

2data-options="url:'datagrid_data.json',fitcolumns:true,singleselect:true">

3

4

5

data-options="field:'code',width:100">codeth>

6

data-options="field:'name',width:100">nameth>

7

data-options="field:'price',width:100,align:'right'">priceth>

8 tr>

9 thead>

10 table>效果圖如下:

貼一下我的table**:

class="easyui-datagrid"

style="width: 300px; height: 200px;"

data-options="url:'datagrid_data.json',fitcolumns:true,singleselect:true">

data-options="field:'code',width:100">

code

th>

data-options="field:'name',width:100">

name

th>

data-options="field:'price',width:100,align:'right'">

price

th>

tr>

thead>

tfoot>

_code

td>

_name

td>

_price

td>

tr>

tbody>

table>這樣我們就既比較容易建立table格式,又可以應用easyui的ui介面了。贊乙個!!

望此文能幫助你!

分享萬歲!!

Google優化疑問 三

google排名經驗談 針對與google排名,關鍵是內容好。當然內容好,能不能讓google知道,那就是技巧方面的問題了。根據許多經驗,在這裡與各位朋友分享一下幾個要點 a 標題標籤 標題及網頁 中 與 之間的字元。目前,不光 針對於它的標題,我是這樣設計的 注 標題設計最好不好超過40個字元,也...

easyUI學習筆記

呼叫easyui展示列表每次的呼叫過程都如下圖所示 第一 cs 先是呼叫後台cs頁面的pageload方法,或search方法 第二 aspx 是頁面展示,呼叫 tlist datagrid 方法,展示頁面布局 第三 aspx tlist datagrid 通過如下引數向後台頁面傳引數,datagr...

easyUI學習總結

easyui 使用步驟 引入jquery 引入easyui的js檔案 引入easyui主題包 引入自定義的 js 檔案 easyui語法 jquery 外掛程式語法 將元素生成為元件 selector 元件名 引數 呼叫元件的方法 selector 元件名 方法名 方法引數 需要注意的是 1.用 h...