<html>
<head>
<title>BI Grid</title>
<link href="jquery/bigrid/bigrid.css" type="text/css" rel="Stylesheet" />
<script language="javascript" src="jquery/jquery.js"></script>
<script language="javascript" src="jquery/bigrid/bigrid.js"></script>
<script language="javascript">
$(document).ready(function(){
$("#BIGrid1").bigrid({fixedrow:2, fixedcolumn:1, visiblerow: 4, visiblecolumn: 3});
$("#BiGrid2").bigrid({fixedrow:2, fixedcolumn:1, visiblerow: 4, visiblecolumn: 2});
});
</script>
<style>
body, td, div
{
font-family:"Segoe UI" Arial;
font-size:11px;
}
h1
{
font-family:"Segoe UI" Arial;
}
.header
{
text-decoration:underline;
}
</style>
</head>
<body>
<div style="width:100%;text-align:center">
<h1>BI Grid</h1>
</div>
<table border="0" width="600" align="center">
<tr>
<td>
<p>
BI Grid is designed to present your data, especially in the reports for enterprises.
</p>
<p>
The idea comes from the BI system I produced months ago.
It would be able to edit data easily, drill down to details easily and ajax enabled.
Other good features will be supported in the future.
</p>
</td>
</tr>
<tr>
<td>
<br />
<span class="header"><b>Features finished:</b></span>
<ul style="list-style-type:decimal">
<li>It's easy to use as a <a href="http://plugins.jquery.com/project/BIGrid">JQuery Plugin</a>.</li>
<li>Fixed Rows & Fixed Columns won't move while users scroll the grid.</li>
<li>Customized scrollbar.</li>
<li>Support Multi-browsers such as IE, Firefox.</li>
</ul>
</td>
</tr>
<tr>
<td>
<span class="header"><b>Features to be supported:</b></span>
<ul style="list-style-type:decimal">
<li>It has two modes: View & Edit. The edit mode enable users to edit the data in the grid through Ajax.</li>
<li>Init data by using Ajax.</li>
<li>Drill down to details by using Ajax.</li>
<li>Support JSON & XML data types.</li>
<li>Support Multi-skins.</li>
</ul>
</td>
</tr>
<tr>
<td>
<span class="header"><b>Dependency:</b></span><br />
<a href="http://jquery.com">JQuery</a> 1.2.6(or higher).
</td>
</tr>
<tr>
<td>
<br /><span class="header"><b>Licenses:</b></span><br />
Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
</td>
</tr>
<tr>
<td>
<br /><span class="header"><b>Version:</b></span><br />
0.1 beta
</td>
</tr>
</table>
<div style="width:100%;text-align:center">
<b>Demo 1:</b> Fixed Rows & Fixed Columns, table align is center.
</div>
<br />
<table id="BIGrid1" border=1 style="width:600;border-collapse:collapse;" borderColor="black" align="center" cellpadding=2 cellspacing=0>
<tr>
<td rowspan="2" width="200">
Category
</td>
<td colspan="2">
Oct. 2008
</td>
<td colspan="2">
Sep. 2008
</td>
<td colspan="2">
Aug. 2008
</td>
<td colspan="2">
Jul. 2008
</td>
<td colspan="2">
Jun. 2008
</td>
<td colspan="2">
May. 2008
</td>
<td colspan="2">
Apr. 2008
</td>
</tr>
<tr>
<td>
Actual 1
</td>
<td>
Goal 1
</td>
<td>
Actual 2
</td>
<td>
Goal 2
</td>
<td>
Actual 3
</td>
<td>
Goal 3
</td>
<td>
Actual 4
</td>
<td>
Goal 4
</td>
<td>
Actual 5
</td>
<td>
Goal 5
</td>
<td>
Actual 6
</td>
<td>
Goal 6
</td>
<td>
Actual 7
</td>
<td>
Goal 7
</td>
</tr>
<tr>
<td>
1. Books
</td>
<td>
11
</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>110</td>
<td>111</td>
<td>112</td>
<td>113</td>
<td>114</td>
</tr>
<tr>
<td>
2. Movies
</td>
<td>
21
</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
<td>210</td>
<td>211</td>
<td>212</td>
<td>213</td>
<td>214</td>
</tr>
<tr>
<td>
3. Music
</td>
<td>
31
</td>
<td>32</td>
<td>33</td>
<td>34</td>
<td>35</td>
<td>36</td>
<td>37</td>
<td>38</td>
<td>39</td>
<td>310</td>
<td>311</td>
<td>312</td>
<td>313</td>
<td>314</td>
</tr>
<tr>
<td>
4. Games
</td>
<td>
41
</td>
<td>42</td>
<td>43</td>
<td>44</td>
<td>45</td>
<td>46</td>
<td>47</td>
<td>48</td>
<td>49</td>
<td>410</td>
<td>411</td>
<td>412</td>
<td>413</td>
<td>414</td>
</tr>
<tr>
<td>
5. Computers
</td>
<td>
51
</td>
<td>52</td>
<td>53</td>
<td>54</td>
<td>55</td>
<td>56</td>
<td>57</td>
<td>58</td>
<td>59</td>
<td>510</td>
<td>511</td>
<td>512</td>
<td>513</td>
<td>514</td>
</tr>
<tr>
<td>
6. Home & Graden
</td>
<td>
61
</td>
<td>62</td>
<td>63</td>
<td>64</td>
<td>65</td>
<td>66</td>
<td>67</td>
<td>68</td>
<td>69</td>
<td>610</td>
<td>611</td>
<td>612</td>
<td>613</td>
<td>614</td>
</tr>
<tr>
<td>
7. Toys
</td>
<td>
71
</td>
<td>72</td>
<td>73</td>
<td>74</td>
<td>75</td>
<td>76</td>
<td>77</td>
<td>78</td>
<td>79</td>
<td>710</td>
<td>711</td>
<td>712</td>
<td>713</td>
<td>714</td>
</tr>
<tr>
<td>
8. Sports & Outdoors
</td>
<td>
81
</td>
<td>82</td>
<td>83</td>
<td>84</td>
<td>85</td>
<td>86</td>
<td>87</td>
<td>88</td>
<td>89</td>
<td>810</td>
<td>811</td>
<td>812</td>
<td>813</td>
<td>814</td>
</tr>
<tr>
- 1
- 2
前往页