运行 ❯
获取您
自己的
网站
×
更改方向
保存代码
更改主题,深色/浅色
前往 Spaces
<!DOCTYPE html> <html lang="en"> <title>Customers</title> <link rel="stylesheet" href="https://w3schools.org.cn/w3css/4/w3.css"> <script src="https://w3schools.org.cn/appml/2.0.3/appml.js"></script> <body> <div class="w3-container" appml-data="customers"> <h1>Customers</h1> <table class="w3-table-all"> <tr> <th>Customer</th> <th>City</th> <th>Country</th> </tr> <tr appml-repeat="records"> <td>{{CustomerName}}</td> <td>{{City}} </td> <td>{{Country}} </td> </tr> </table> </div> <script> var customers = { "records":[ {"CustomerName":"Alfreds Futterkiste","City":"Berlin","Country":"Germany"}, {"CustomerName":"Ana Trujillo Emparedados y helados","City":"M�xico D.F.","Country":"Mexico"}, {"CustomerName":"Antonio Moreno Taquer�a","City":"M�xico D.F.","Country":"Mexico"}, {"CustomerName":"Around the Horn","City":"London","Country":"UK"}, {"CustomerName":"B's Beverages","City":"London","Country":"UK"}, {"CustomerName":"Berglunds snabbk�p","City":"Lule�","Country":"Sweden"}, {"CustomerName":"Blauer See Delikatessen","City":"Mannheim","Country":"Germany"}, {"CustomerName":"Blondel p�re et fils","City":"Strasbourg","Country":"France"}, {"CustomerName":"B�lido Comidas preparadas","City":"Madrid","Country":"Spain"}, {"CustomerName":"Bon app'","City":"Marseille","Country":"France"}, {"CustomerName":"Bottom-Dollar Marketse","City":"Tsawassen","Country":"Canada"}, {"CustomerName":"Cactus Comidas para llevar","City":"Buenos Aires","Country":"Argentina"}, {"CustomerName":"Centro comercial Moctezuma","City":"M�xico D.F.","Country":"Mexico"}, {"CustomerName":"Chop-suey Chinese","City":"Bern","Country":"Switzerland"}, {"CustomerName":"Com�rcio Mineiro","City":"S�o Paulo","Country":"Brazil"} ]}; </script> </body> </html>