Effect:
Source:
<! DOCTYPE html>
Code two:
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
Data:
{"Total": "Rows": [{"ProductID": "Fi-sw-01", "ProductName": "Koi", "UnitCost": 10.00, "status": "P", "ListPrice" : 36.50, "attr1": "Large", "itemid": "EST-1"}, {"ProductID": "K9-dl-01", "ProductName": "Dalmation", "unitcost": 12.00, " Status ":" P "," ListPrice ": 18.50," attr1 ":" Spotted adult Female "," itemid ":" EST-10 "}, {" ProductID ":" Rp-sn-01 "," ProductName ":" Rattlesnake "," unitcost ": 12.00," status ":" P "," ListPrice ": 38.50," attr1 ":" Venomless "," Itemid ":" EST-11 "}, {" ProductID ":" Rp-sn-01 "," ProductName ":" Rattlesnake "," unitcost ": 12.00," status ":" P "," ListPrice ": 26.50," Attr1 ":" Rattleless "," itemid ":" EST-12 "}, {" ProductID ":" Rp-li-02 "," ProductName ":" Iguana "," unitcost ": 12.00," status ":" P "," ListPrice ": 35.50," attr1 ":" Green adult "," itemid ":" EST-13 "}, {" ProductID ":" Fl-dsh-01 "," ProductName ":" Manx ", "UnitCost": 12.00, "status": "P", "ListPrice": 158.50, "attr1": "tailless", "itemid": "EST-14"}, {"ProductID": "Fl-dsh-01 "," ProductName ":" Manx "," unitcost ": 12.00," status ":" P "," ListPrice ": 83.50," attr1 ":" With Tail "," itemid ":" EST-15 "}, { The productID ":" fl-dlh-02 "," ProductName ":" Persian "," unitcost ": 12.00," status ":" P "," ListPrice ": 23.50," attr1 ":" Adult Female ", "Itemid": "EST-16"}, {"ProductID": "Fl-dlh-02", "ProductName": "Persian", "unitcost": 12.00, "status": "P", "ListPrice" : 89.50, "attr1": "Adult Male", "itemid": "EST-17"}, {"ProductID": "Av-cb-01", "ProductName": "Amazon Parrot", "UnitCost"
: 92.00, "status": "P", "ListPrice": 63.50, "attr1": "Adult Male", "itemid": "EST-18"}]}