Designing the View Layout 
Prepare the view layout by deleting the default text view:
In the UI Explorer, under , double-click OrderCompView to open the view editor.
Switch to the Layout tab of OrderCompView.
In the Outline view (by default in the bottom-left pane), delete the default text HelloWorld by choosing Delete in the context menu of DefaultTextView.
In the UI Explorer, double-click OrderCompView to open the view editor.
In the view editor, choose the Context tab. Confirm that there is now a new node getOrderHeaders under order_srv.
The small blue arrow on the file icon of the node indicates that the node and its fields are context-mapped from the component controller context.
Create a table for the orders:
In the context menu of the OrderCompView view, choose to start the template wizard.
Choose the Table template.
Under , mark the checkboxes for the context attributes Longtext, Orderid and Serviceunit to bind them to the table.
Choose Finish.