Title: how to add a toolbar in a datagrid components
Post by: fengdie on November 02, 2017, 08:13:58 PM
how to add a toolbar in a datagrid components(如何在datagrid组建中添加工具栏)
Title: Re: how to add a toolbar in a datagrid components
Post by: stworthy on November 02, 2017, 08:40:51 PM
Here is the example shows how to combine the toolbar and datagrid component together. <eui-panel>
<div class="datagrid-toolbar">
<eui-linkbutton>Add</eui-linkbutton>
<eui-linkbutton>Edit</eui-linkbutton>
</div>
<eui-datagrid [data]="data" [border]="false" style="height:250px">
<eui-grid-column field="itemid" title="Item ID"></eui-grid-column>
<eui-grid-column field="name" title="Name"></eui-grid-column>
<eui-grid-column field="listprice" title="List Price" align="right"></eui-grid-column>
<eui-grid-column field="unitcost" title="Unit Cost" align="right"></eui-grid-column>
<eui-grid-column field="attr" title="Attribute" width="30%"></eui-grid-column>
<eui-grid-column field="status" title="Status" align="center"></eui-grid-column>
</eui-datagrid>
</eui-panel>
|