Recently, I had a requirement to show SharePoint 2013 search results in a table. I started by looking over Corey Roth’s excellent article that creates a table and uses the jQuery Data Tables library to make it look good. While Corey’s article is a great in-depth examination of display templates, I was after a simpler approach that didn’t rely on third-party libraries and was based on div tags instead of table tags. My idea was to use display: table, display: table-row, and display: table-cell to format the results. I also wanted to include a custom flyout below the result row when you hover over the item. Figure 1 shows my end result.
Figure 1, Search Results in a Table
If you want to use these display templates, start by simply downloading them from the IT Unity GitHub repo. Then upload the templates without modification into the master page gallery at /_catalogs/masterpage/Display%20Templates/Search. Next, go to your Search Center, and place the results page in edit mode. Select to edit the search results web part. Then set the Results Control Display Template to Table Result and the Item Display Template to Table Item.
Figure 2, Configure the search results web part
That's it! Now your search results will appear in a table.