當前位置:首頁 » 網頁前端 » web表格插件
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web表格插件

發布時間: 2022-05-07 01:50:04

⑴ 做web應用時,有哪些好一點的web報表設計器和web報表列印控制項

銳浪報表Grid++Report已經開發超12年,產品成熟穩定,功能豐富運行性能好,易學易用。用戶基本是軟體公司和單位信息部門,注冊費用低廉,因可免費使用而積累大量用戶,從而保證了軟體的高可靠性與高性能。

⑵ web報表工具根據什麼去選型

不同的人或者項目關注點不同,所以要先看自己的需求是什麼,確定需求後再去產品選型。
目前比較關注的幾個點是:
1、性價比
2、開發平台,java或者.net等
3、產品功能。
可以參考下潤乾報表:
1、簡單行列報表、中國式復雜報表,報表工具都能輕松實現。
2、創新的流式大報表,秒級的呈現速度,極少的內存佔用,流暢的Excel導出和直接列印!而且,流式大報表不依賴於資料庫的分頁能力。
3、支持數據錄入。數據錄入可以做到來去無關,來去自由。網頁上錄入可以做到數據合法性校驗和自動計算。結合集算器,可以做到任意數據源的錄入。
4、類似Excel的填報設計器,業務人員完成設計後上傳伺服器,填寫人員即可網上填寫!收集上來的數據,業務人員還可以在潤乾BI中自助分析!
5、大屏展示、炫酷的統計圖、方便的手機統計圖表,都能實現。
支持HTML5和SVG圖形格式,具備豐富的表現力,能夠設計出超酷的統計圖形。同時,可以降低傳輸流量,更適合移動設備。
集成免費的網路echarts、D3、chart.js,有更多炫酷統計圖可供選擇。
6、提供整套報表平台。從用戶管理到許可權登錄,只要配置一下就可以直接上線使用。更重要的是,報表中心完全開源,想怎麼改就怎麼改。
7、提供強大的自助報表功能,輕松實現用戶拖拽報表。自定義報表的數據源可以是SQL,也可以是文本、JSON或者Excel文件。提供的自助報表,可以作為一個插件集成到應用系統中,成為應用系統的一部分,還可以深度定製,充分滿足不同用戶的個性化需求。

⑶ 如何在web中實現類似excel的表格控制項

SpreadJS 可以使用 Excel ExcelIO 服務來和Excel文件交互。ExcelIO服務需要部署到服務端,通過 ExcelIO 服務你可以導入 Spread 文件後你可以和表單中的數據交互,並且保存分發給最終用戶。SpreadJS 支持導出到多種格式的文件,包括 Excel2007(XLSX)\Excel 97 (XLS)、CSV 和 TXT格式.
具體的實現,可以參考下面的介紹
http://www.gcpowertools.com.cn/procts/spreadjs/

⑷ java web 自動化報表插件

採用報表列印插件是最好的方式。
報表插件優勢:報表插件在伺服器端不駐留程序,伺服器只要提供約定格式的 XML 數據就行了。所以有如下優勢:
1、支持所有的WEB伺服器平台。
2、報表的生成是在各自客戶端電腦上,這樣大大減輕了伺服器的負載壓力,能夠做到更大的並發訪問
3、插件在客戶端運行是電腦原生程序,與桌面程序具有一樣的運行性能,並能開發出桌面程序類似的報表功能。
4、能驅動列印機直接進行列印,是WEB軟體實現列印功能的最好方式。

⑸ 怎麼在web中實現類似excel的表格控制項

你說的是純前端具有類似Excel操作的表格控制項吧?根據你的需求來分析,SpreadJS應該比較符合你的需求,這個控制項可嵌入系統並實現在線Excel的功能。
詳細的信息,可以參考下面的描述
http://www.gcpowertools.com.cn/procts/spreadjs/

⑹ Web前端怎樣實現像excel那樣的按列拖選的表格

Web前端實現像excel那樣的按列拖選表格的方法:

1.通過flash,flex實現FLEX 功能強大的datagrid

2.通過jquery插件,js實現

JS實現可編輯的表格,雙擊可編輯,可以刪除行和列,增加行和列,重置,導出表格,也可以上下移動元素

Flexigrid – Web 2.0 Javscript Grid for jQuery - 可變列寬,自動適應表頭寬度,可通過 Ajax 連接 XML 數據源,類似 Ext Grid,但基於 jQuery 因此更輕量小巧。

⑺ web表格控制項 slickgrid怎麼復制單元格內容

VFP自帶的表格控制項數據源是綁定vfp表的,與其他的網格控制項不太一樣(其他類型的網路控制項如DataGrid、VsFlexGrid等,每個Cell中的數據都是遍例記錄一個個賦值上去的)。

以下面代表為例:
Thisform.Grid1.RecordSource="學生表" &&給Grid1綁定學生表
Thisform.Grid1.ColumntCount=3 &&設置Grid1列數為3列
Thisform.Grid1.Column1.ControlSource="學生表.學號" &&第1列綁定學號欄位
Thisform.Grid1.Column2.ControlSource="學生表.姓名" &&第2列綁定姓名欄位

Thisform.Grid1.Column3.ControlSource="學生表.性別" &&第3列綁定性別欄位

通過上面的代碼就可以將學生表裡的內容顯示在vfp的Grid1控制項中了。
滑鼠點擊Grid1控制項的第幾行,記錄指針就自動定位到學生表的第幾條記錄。

如果要將姓名賦值給text1,可以如下代碼:
Thisform.Text1.Value=學生表.姓名

如果想將第2列當前行內容賦值給text1,可用如下代碼:
lcFieldName=Thisform.Grid1.Column2.ControlSource
Thisform.Text1.Value=&lcFieldName

⑻ jquery表格插件哪個

大多數前端er都把網頁中的table標簽替換為div,主要就是因為div要比table更容易添加CSS樣式。但是我們在日常應用中仍然要用到table表格,其中最好的例子就是對照表。今天彬Go將向大家推薦15個jQuery表格插件讓你對數據表格進行顯示、排序、篩選和操控。如jQuery表格排序插件、jQuery表格拖拽插件、jQuery樹形表格插件、設置顏色、點擊、替換等效果。
1.DataTables-強大的jQuery表格插件
datatables-jquery-插件
DataTables是提供了大量特性的強大jQuery表格插件。例如:你可以自動輕松篩選、Ajax預讀取數據、分頁、列排序、高亮排序列、擴展插件支持、使用CSS或jQuery UI ThemeRoller 定製主題和完整文檔。
2.uiTableFilter-jQuery表格過濾插件
ui-table-filter-jquery-插件
uiTableFilter是一個用於表格行篩選的jQuery插件。插件作者提供了詳細的例子來告訴大家如何將自己的表格和插件整合在一起並完成表格篩選。
3.Scrollable HTML Table-jQuery表格滾動插件
scrollable-html-table-jquery
Scrollable HTML Table jQuery插件可以讓你的表格變得可以滾動控制。
買空間、伺服器就上主機網(CNIDC.COM) 虛擬主機評測+IDC導航=IDC123.COM。
4.Tablesorter-jQuery表格排序插件
tablesorter-jquery-插件
Tablesorter這個jQuery插件是用來將一個包含thead和tbody標簽的標准HTML表格轉變為無頁面刷新的可排序表格。它不但支持多列排序,而且跨瀏覽器兼容並且能通過widget系統進行擴展。
5.Flexigrid-Web2.0 jQuery表格插件
flexigrid-jquery
Flexigrid 是一個輕量級的Web2.0 jQuery插件。它包含很多非常Cool的特性,如主題定製、分頁、工具欄、搜索、排序、ajax讀取數據源、調整列寬高尺寸等。
6.HeatColor-jQuery表格顏色插件
heatcolor-jquery
HeatColor可以讓你根據元素的值來為元素設置顏色。 它的值的比對時根據預設的一個范圍來進行比較,最後對他們自動進行顏色值的設置。
買空間、伺服器就上主機網(CNIDC.COM) 虛擬主機評測+IDC導航=IDC123.COM。
7.JQTreeTable-jQuery樹形表格插件
jqtreetable-jquery
使用JQTreeTable插件你可以得到一個樹形表格,如果用戶的瀏覽器禁用了JavaScript,那麼他們也能看到普通形式的表格,並不影響可訪問性。
8.Ingrid-jQuery表格插件
ingrid-jquery-表格-插件
Ingrid是另一個數據表jQuery插件。它也有很多特性,比如列調整尺寸、排序、行列添加樣式等。在作者網站提供了很棒的文檔來告訴大家如何從頭使用這個jQuery表格插件。
9.jQuery ColumnManager plugin
jquery-column-manager-jquery-表格插件
columnManager是可以控制任意表格列顯示或隱藏的jQuery插件,而且它可以保存當前表格的狀態至你下次訪問。這個jQuery插件非常小巧輕量,僅3.6kb。
買空間、伺服器就上主機網(CNIDC.COM) 虛擬主機評測+IDC導航=IDC123.COM。
10.jQuery treeTable-jQuery樹形表格插件
jquery-treetable-樹形表格插件
jQuery treeTable是小型的JQTreeTable, 它也能讓你的table顯示成樹形結構. 這個插件也可以在瀏覽器禁用JavaScript時保持文檔整潔並讓原始table可以使用.
11.CSV2Table-CSV格式讀取表格插件
csv2table-jQuery表格插件
CSV2Table 可以讀取CSV文件,它從CSV文件中讀取內容並創建成table表格.
12.Table Pagination-jQuery表格分頁插件
table-pagination-jQuery表格插件
這個jQuery表格分頁插件可以在表格下面創建分頁元素,你還可以通過各種設置來定製分頁。
買空間、伺服器就上主機網(CNIDC.COM) 虛擬主機評測+IDC導航=IDC123.COM。
13.jQuery TableRowCheckboxToggle
jquery-table-插件
這個jQuery表格插件可以讓你再點擊表格行的時候改變多選框狀態並修改該行CSS樣式。
14.Table Drag and Drop jQuery plugin-jQuery表格拖拽插件
這個簡單的jQuery插件可以讓用戶使用拖拽行的方式重新排列表格各行,任意單獨行可以設置為不可拖拽和/或不可放置。
15.uiTableEdit
uiTableEdit是由Greg Weber製作的很酷的jQuery表格編輯插件,它允許用戶編輯表格內容。

⑼ web表格怎樣做得美

下面我們以一個簡單的示例來體會體會一下表單。
最終效果如下:
如何用web表格控制項FineReport做web表格
2
新建表單
點擊文件>新建表單,如下圖
如何用web表格控制項FineReport做web表格
拖入組件
如上圖所示的效果圖,我們可以看到該表單需要有1個下拉框控制項以及對應的1個標簽控制項和一個查詢按鈕,還需要一個以表格形式顯示數據的報表塊和顯示圖表的圖表塊,此時,我們確定了需要在表單中添加一個報表塊,一個圖表塊,3個控制項。
註:在組件介紹中,我們知道控制項即可依附於參數面板組件存在,也可以單獨以組件的形式存在,在這里可隨意使用哪種形式,效果都一樣,那麼使用依附於參數面板組件存在的形式。
參數組件
從工具欄中將參數組件拖拽至表單主體中,並將相應的三個控制項:下拉框、文本控制項和查詢按鈕拖拽至參數組件中,並設置標簽控制項的控制項值為:客戶,如下圖:
如何用web表格控制項FineReport做web表格
報表塊組件
從工具欄中將報表組件也拖拽至表單主體中,如下圖:
如何用web表格控制項FineReport做web表格
註:如果組件數量過多,在web端展示的時候自適應在一頁內顯示會比較擁擠,那麼此時可以在右側下方選中整體框架body,在右側上方的屬性表中將組件縮放修改為自適應原樣縮放,如下圖:
如何用web表格控制項FineReport做web表格
充滿展現區域:是指在web端展示的時候,所有組件自適應充滿整個瀏覽器頁面顯示,不出現滾動條;
自適應原樣縮放:是指在web端展示的時候根據製作表單時候組件大小比例顯示,並不縮放充滿整個web頁面,如果超過頁面大小,會出現滾動條。
其詳細顯示樣式請查看錶單樣式
圖表組件
再從工具欄中將圖表組件拖曳至報表塊組件的下方,如下圖:
如何用web表格控制項FineReport做web表格
控制項綁定數據
定義數據集
效果圖中,新建數據集ds1:SELECT 產品名稱,庫存量,產品.成本價 ,產品.單價 FROM 訂單,訂單明細,產品 where 客戶ID='${company}'and 訂單.訂單ID=訂單明細.訂單ID and 訂單明細.產品ID=產品.產品ID,參數company的默認值為VINET,。
註:參數名字必須與客戶ID下拉框控制項名稱保持一致。
客戶下拉框控制項
選中下拉框控制項拖拽到適當位置,下拉框控制項名設為「company」,數據字典來自FRDemo資料庫的客戶表(數據類型選擇資料庫表,資料庫選擇FRDemo),實際值和顯示值分別為客戶ID和客戶名稱,控制項值為VINET:
如何用web表格控制項FineReport做web表格
報表塊
參數面板與控制項都已經設置好之後,點開報表塊裡面的觸筆按鈕,進行報表塊編輯界面,如下圖:
如何用web表格控制項FineReport做web表格
新建數據集
效果圖中,報表塊裡面要顯示訂單明細數據,根據客戶ID進行過濾,新建數據集ds2:select * from 訂單 where 客戶ID='${company}',company默認值為VINET.
表樣設計
如下圖所示,設計表樣:
如何用web表格控制項FineReport做web表格
點擊左下角的表單按鈕回到表單的設計界面,選中報表塊,可在右側的屬性表中設置其報表塊工具欄是否可見,如下圖:
如何用web表格控制項FineReport做web表格
圖表塊
滑鼠選中圖表塊所在區域,為該圖表綁定數據,圖表數據源來源於數據集數據源,其分類系列設置如下:
如何用web表格控制項FineReport做web表格
條件屬性
由於該圖表塊類型為組合圖,即需要通過圖表條件屬性來修改不同系列的圖表類型,如下圖,新增一個條件屬性,設置當系列序號為3的時候,其坐標軸為次坐標軸,圖表類型為折線圖:
如何用web表格控制項FineReport做web表格
13
註:設置條件選擇系列序號的時候需要與數據綁定時的數據列順序相匹配,在上圖設置圖表數據時,庫存量、成本價和單價的系列序號依次為1、2、3,條件屬性主要是設置庫存量系列用柱形圖展示,成本價和單價用折線圖展示並使用次坐標軸。在添加一個組合圖時,會默認添加2個條件屬性,詳細請查看組合圖
到此為止,表單就已經製作好了。