{"id":2141,"date":"2014-02-07T10:34:10","date_gmt":"2014-02-07T07:34:10","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=2141"},"modified":"2026-01-26T13:22:30","modified_gmt":"2026-01-26T10:22:30","slug":"dhtmlxgrid-with-ruby-on-rails","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/dhtmlxgrid-with-ruby-on-rails\/","title":{"rendered":"Using DHTMLX Grid with Ruby on Rails"},"content":{"rendered":"

This is the update for the previous tutorial<\/a> that explains how to use dhtmlxGrid<\/a> with Ruby on Rails backend. We have rewritten this tutorial to be up to date with the latest RoR version. By following these step-by-step instructions, you will get an editable grid that loads its data from Ruby on Rails and saves back changes made by end-users online.<\/p>\n

Download and check out the final demo<\/a> to see how it is done or follow the instructions below. <\/p>\n

\"dhtmlxGrid<\/a><\/p>\n

Getting Started<\/h3>\n

 
\nTo get started, create a new Ruby application that will include dhtmlxGrid. If you are using Linux, be sure to install Node.js, it is the mandatory dependency for Rails 4.x. <\/p>\n

To begin with, run the command:<\/p>\n

$ rails new<\/span> grid_on_rails<\/div><\/div>\n

Then go to the created directory grid_on_rails<\/strong> and generate the controller “admin<\/em>” by running the following command:<\/p>\n

$ rails generate controller admin index<\/div><\/div>\n

After running this command, Rails generates a set of files required for our application.<\/p>\n

Now we need to change the line in the file config\/routes.rb<\/em>:<\/p>\n

get 'admin\/index'<\/span><\/div><\/div>\n

to:<\/p>\n

root :to<\/span> =><\/span> 'admin#index'<\/span><\/div><\/div>\n

Thus, we make the page “index”<\/em> the main page of the app.\t<\/p>\n

Let’s check if the page “index”<\/em> is rendered. Before starting the server, delete the file public\/index.html<\/em>. It is necessary for displaying the needed page and not the home page that was automatically generated while creating the app. <\/p>\n

To start the server, run the command:<\/p>\n

        $ rails server<\/div><\/div>\n

Then open your browser and go to the page http:\/\/localhost:3000\/<\/em>. Here, you should see the following:<\/p>\n

 
\n\"dhtmlxGrid<\/p>\n

This is the result of rendering the file app\/views\/admin\/index.html.erb<\/em>. <\/p>\n

Rendering Grid on a Page<\/h3>\n

 
\nThe next step is to render the grid on the page we’ve created. First, download the dhtmlxGrid package<\/a> (Standard Edition), unzip it, and copy the following files into the directory vendor\/assets\/javascripts\/<\/strong>: <\/p>\n