Example #2: Keep style changes in the session.
View source
<table id="table">
<thead>
<tr>
<th width="60" align="center">ISO</th>
<th width="240">Name</th>
<th width="60">ISO3</th>
<th width="200">Printable Name</th>
</tr>
</thead>
<tbody>
<tr>
<td>AF</td>
<td>AFGHANISTAN</td>
<td>AFG</td>
<td>Afghanistan</td>
</tr>
<tr>
<td>AL</td>
<td>ALBANIA</td>
<td>ALB</td>
<td>Albania</td>
</tr>
<tr>
<td>DZ</td>
<td>ALGERIA</td>
<td>DZA</td>
<td>Algeria</td>
</tr>
...
</tbody>
</table>
<script type="text/javascript">
//<![CDATA[
PlexiGrid.extend('table', {
width: 800,
height: 300,
storeStyle: true,
applyStyle: true,
styleName: 'example_02'
});
//]]>
</script>
ISO |
Name |
ISO3 |
Printable Name |
AF |
AFGHANISTAN |
AFG |
Afghanistan |
AL |
ALBANIA |
ALB |
Albania |
DZ |
ALGERIA |
DZA |
Algeria |
AS |
AMERICAN SAMOA |
ASM |
American Samoa |
AD |
ANDORRA |
AND |
Andorra |
AO |
ANGOLA |
AGO |
Angola |
AI |
ANGUILLA |
AIA |
Anguilla |
AG |
ANTIGUA AND BARBUDA |
ATG |
Antigua and Barbuda |
AR |
ARGENTINA |
ARG |
Argentina |
AM |
ARMENIA |
ARM |
Armenia |
AW |
ARUBA |
ABW |
Aruba |
AU |
AUSTRALIA |
AUS |
Australia |
AT |
AUSTRIA |
AUT |
Austria |
AZ |
AZERBAIJAN |
AZE |
Azerbaijan |
BS |
BAHAMAS |
BHS |
Bahamas |
BH |
BAHRAIN |
BHR |
Bahrain |
BD |
BANGLADESH |
BGD |
Bangladesh |
BB |
BARBADOS |
BRB |
Barbados |
BY |
BELARUS |
BLR |
Belarus |
BE |
BELGIUM |
BEL |
Belgium |
BZ |
BELIZE |
BLZ |
Belize |
BJ |
BENIN |
BEN |
Benin |
BM |
BERMUDA |
BMU |
Bermuda |
BT |
BHUTAN |
BTN |
Bhutan |
BO |
BOLIVIA |
BOL |
Bolivia |
BA |
BOSNIA AND HERZEGOVINA |
BIH |
Bosnia and Herzegovina |
BW |
BOTSWANA |
BWA |
Botswana |
BR |
BRAZIL |
BRA |
Brazil |
BN |
BRUNEI DARUSSALAM |
BRN |
Brunei Darussalam |
BG |
BULGARIA |
BGR |
Bulgaria |