krausest
diff --git a/‎frameworks/keyed/openui5/webapp/ControlRenderer.js
Lines changed: 7 additions & 6 deletions b/‎frameworks/keyed/openui5/webapp/ControlRenderer.js
Lines changed: 7 additions & 6 deletions
diff --git a/‎frameworks/non-keyed/openui5/README.md b/‎frameworks/non-keyed/openui5/README.md
diff --git a/‎frameworks/non-keyed/openui5/index.html
Lines changed: 28 additions & 0 deletions b/‎frameworks/non-keyed/openui5/index.html
Lines changed: 28 additions & 0 deletions
@@ -3,15 +3,15 @@
  */
 
 sap.ui.define([], function () {
- 
+
     var ControlRenderer = {
       apiVersion: 4
     };
 
     ControlRenderer.render = function (oRM, oControl) {
         oRM.openStart("div", oControl)
         oRM.openEnd()
-        
+
         this.renderJumbotron(oRM, oControl);
         this.renderTable(oRM, oControl);
 
@@ -50,7 +50,7 @@ sap.ui.define([], function () {
                     oRM.openStart("div")
                     oRM.class("row");
                     oRM.openEnd();
-    
+
                     // action buttons
                     [
                         {id: "run", text: "Create 1,000 rows"},
@@ -68,21 +68,21 @@ sap.ui.define([], function () {
 
         oRM.close("div");
     }
-    
+
     ControlRenderer.renderButton = function (oRM, id, text) {
         // <div class="col-sm-6 smallpad">
         oRM.openStart("div");
         oRM.class("col-sm-6").class("smallpad");
         oRM.openEnd();
-        
+
             // <button type="button" class="btn btn-primary btn-block" id="run" @click={{run}}>
             oRM.openStart("button", id);
             oRM.class("btn").class("btn-primary").class("btn-block");
             oRM.openEnd();
 
                 // Create 1,000 rows
                 oRM.text(text);
-            
+
             oRM.close("button");
 
         oRM.close("div");
@@ -101,6 +101,7 @@ sap.ui.define([], function () {
                 //rows
                 oControl.getRows().forEach(row => {
                     // <tr id={{this.id}} class={{this._class}}></tr>
+                    // difference to non-keyed - each row has an `id`
                     oRM.openStart("tr", row.id + "");
                     if (row.id === selected) {
                         oRM.class("danger");
 
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8" />
+  <title>OpenUI5</title>
+  <script id="sap-ui-bootstrap"
+			src="./dist/resources/sap-ui-boot.js"
+			data-sap-ui-language="en"
+			data-sap-ui-compat-version="edge"
+			data-sap-ui-modules="[ui5/benchmark/Component-bundle]"
+			data-sap-ui-on-init="ui5/benchmark/startUp@./dist/"
+      data-sap-ui-preload-lib-css="sap.ui.core"
+			data-sap-ui-async="true" async>
+	</script>
+  <style>
+    .danger {
+      background-color: red;
+    }
+  </style>
+</head>
+
+<body class="container" id="content">
+  <span class="preloadicon glyphicon glyphicon-remove" aria-hidden="true"></span>
+</body>
+<link href="/css/currentStyle.css" rel="stylesheet"/>
+
+</html>