How to load/render list view as HTML using javascript?

Question

1. It should be done using client side scripting. 2. View should look same as the sharepoint list view. 3. Each item should have its Item Contex Menu. 4. It should have ribbon enabled.    I am able to render a view using the listview method renderAsHtml(). But it is not enabling item context menu and ribbon. Is there any way? any sample code?

Nanddeep Nachan · Answer

You may use JQuery filters like below: https://archive.codeplex.com/?p=instantlistfilter  https://sudhirke.wordpress.com/2014/02/13/jquery-cool-filters-for-sharepoint-list/

Pratik Hajare · Answer

Yes. But it only allows to filter with only column.

Nanddeep Nachan · Answer

You can simply configure the filter webpart to listview.   Reference:  https://support.office.com/en-us/article/connect-a-filter-web-part-to-a-list-view-web-part-on-a-classic-page-4f3f6c10-0a1b-479d-8b4d-c4f1bf49bb3f

Pratik Hajare · Answer

Actually I am developing Instant List Filter for big lists (List with thousands of records) as follows:     -The script loads view a html table.(By getting items from list and generate html table) -Foreach field defined in view, it renders a sort and filterable column.(Textbox for each column to filter the data) -It loads as default the same settings of the view if possible, this includes sorting and filtering, but not grouping -If a user types in more than 2 chars (or something like that) in the header of instant list filter box of the column, a webservice call is done and the table shows up to 50/100 items with the filtered value​. -Each item should have its item context menu -Features of selecting several items (checkbox) and ribbon context   So data is loaded as table with  same HTML syntanx as sharepoint list view.

Nanddeep Nachan · Answer

Why do you want to rewrite the code Microsoft has already written for SharePoint list view? Can you specify your problem statement?