Autocomplete with suggestions in datatable?

[tomm0]

Is there a way to have the Autocomplete suggestions display in a datatable beneath the field with a header? I have things working now with the service returning an array of strings. I tried using ng-template, but I am unsure how to get the suggestions in a table as opposed to just a series of divs for each result.

[sudheer]

The requirement is not clear. Do you want to display autocomplete as part of table data(cells) or header/footer area.

[tomm0]

Sorry. When typing into the autocomplete field the service is returning and Array of objects. I was hoping to have the area that displays the suggestions be a table. The table would have one header and each suggestion would appear as a separate row in the datatable.

[sudheer]

No, you can't display it as table. But you can use advanced feature to customize to look like similar to table.

[tomm0]

Any suggestions on how to handle that?

[sudheer]

No, DataTable is complex entity and it is difficulit to make overlay as dataTable. But you can use advanced template feature to make it look like table.

[tomm0]

Okay, this is where I am at right now: https://plnkr.co/edit/5RXBeIWOnWHvY9R7KlnW?p=preview

Any suggestions on making rows besides the first not have the blank header while also limiting the space between the rows?

Also, is there a more optimal way to do this?

Thanks

[tomm0]

Could you possibly point me in the right direction to make the template "look like a table" ?