In the previous part, we created the grid with dynamic data and in this part, we will make the grid editable. We will add a save button to save the changes. We will be able to edit the grid using Reactjs and MVC.net with c#. Note : If you didn't go through part 1 and then please go through that first because in part1 we created the grid using live data. Editable Grid using ReactJs with MVC .net - part 1 14. open power shell command from react folder and run the below commands to install the react-bootstrap-table2-editor npm install react-bootstrap-table2-editor --save 15. Now make the following changes in employeeList.js file. import React, { Component } from 'react'; import BootstrapTable from 'react-bootstrap-table-next'; import cellEditFactory from 'react-bootstrap-table2-editor'; const columns = [ { dataField: 'Name', text: 'Name', editable: true }, { dataFi...
A few days back I was trying to create an editable grid using ReactJs with Mvc.net and nodeJs but didn't find any good working examples on this topic. So I had to struggle a lot to make it work. Then this blog's idea came into my mind, in this blog I will try to provide the exact steps to create an editable grid with ReactJs using Mvc.net. software Requirement/prerequisites: Visual studio, NodeJs Steps: 1. Create a new project and select MVC as shown in the screenshot Now click on the Create button and Now select MVC Now with the above steps default MVC application is created. 2. Now Add DataBase in App_Data folder or skip this step if you already have a DataBase. Now add employee table or any table in the DB 3. Now generate Entity Framework entities using the above DB. 4. Now create 'react' name folder under scripts folder and open this react folder in wi...