Jquery ligerUI 是一款基于 jQuery 和 CSS 的 UI 庫，可以幫助我們輕松地創建各種 Web 界面。該 UI 庫提供了豐富的 UI 組件，如表格、對話框、菜單等，可以大大提高我們開發 Web 應用的效率。

要使用 Jquery ligerUI，我們需要首先下載它的庫文件，并在項目中引入相應的 js 和 css 文件。我們可以將 js 和 css 文件引入到 HTML 文件頭部，如下所示：

<link rel="stylesheet" href="lib/ligerUI/skins/Aqua/css/ligerui-all.css"><script type="text/javascript" src="lib/jquery-1.10.2.min.js"></script><script type="text/javascript" src="lib/ligerUI/js/core/base.js"></script><script type="text/javascript" src="lib/ligerUI/js/plugins/ligerGrid.js"></script>

在引入了 ligerUI 的庫文件后，我們就可以開始使用其中的組件了。例如，下面是一個簡單的使用 ligerGrid （表格）組件的示例：

<div id="maingrid"></div><script>$(function () {
$("#maingrid").ligerGrid({
columns: [
{ display: "姓名", name: "Name", width: "20%" },
{ display: "性別", name: "Gender", width: "20%" },
{ display: "年齡", name: "Age", width: "20%" }
],
data: [
{ Name: "張三", Gender: "男", Age: "23" },
{ Name: "李四", Gender: "女", Age: "25" },
{ Name: "王五", Gender: "男", Age: "28" }
]
});
});
</script>

在上面的代碼中，我們使用了 ligerGrid 組件來創建了一個表格，其中指定了表格的列和數據。通過這種方式，我們可以快速地創建出一個漂亮而實用的數據展示界面。