I want to add rows when i click the button using sap.m.table

I tried this but this is not work, please senior developer help me

xml view

<object:ObjectPageSection title ="Supplier"/>

  <content>

  <Toolbar>

  <ToolbarSpacer/>

  <Button icon = "sap-icon://add" />

  </Toolbar>

  <Table id = "supplieTable" press = "add">

  <columns>

  <Column>

  <Text text = "" />

  </Column>

  <Column>

  <Text text= "Code"/>

  </Column>

  <Column>

  <Text text= "Name"/>

  </Column>

  <Column>

  <Text text= "Quote Amount"/>

  </Column>

  <Column>

  <Text text= "Contact"/>

  </Column>

  <Column>

  <Text text= "Phone"/>

  </Column>

  <Column>

  <Text text= "Quote Acceptable?"/>

  </Column>

  <Column>

  <Text text= "Remark"/>

  </Column>

  </columns>

  <items>

  <ColumnListItem>

  <cells>

  <Label text = "{supplie}" design ="Bold" />

  <c:TextField width ="50%" value = "{code}" />

  <Label text = "{name}" />

  <Label text = "{quote}" />

  <Label text = "{contact}" />

  <Label text = "{phone}" />

  <Label text = "{quoteA}" />

  <Label text = "{remark}" />

  </cells>

  </ColumnListItem>

  </items>

  </Table>

  </content>

controller.js

add: function (oEvent) {

  var oTable = this.byId("supplieTable");

  var oPath = oTable.getBinding().getPath();

  var oModel = oTable.getModel().getProperty(oPath);

  console.log(oModel);

  oModel.unshift({

  supplie: "asdfasdf",

  code: "asdfasdf",

  name: "asdfasdf",

  quote: "sdfasdf",

  contact: "asdfasdf",

  phone: "asdfasdf",

  quoteA: "asdfasdf",

  remark: "asdfasdf"

  });

  oTable.getModel().setProperty("/modelData", oModel);

  otable.bindRows("/modelData");

  }