how to display the blog post as in table.

What you looking for is faceted search. If you have sample site installed (if not - install them, there are tons of examples) you can check out corporate site example. if you go to /Examples/Web-parts/Full-text-search/Smart-search/Faceted-search There is a category filter web part that render categories. The problem with this approach is that you get categories via SQL query (You can not get them from the index). Here is the article, but I prefer not to use filters

Hi Peter,

I mean blog post to display like this way. https://www.nla.gov.au/blogs

That's just a transformation for the repeater you use to list all the blogs.

Something like this for bootstrap responsive design:

<div class="col-md-3">
    <img src="thumb.png" />
    <a href="{% GetDocumentURL %}">{% DocumentName %}</a>
    code for the author 
</div>