How to upload multiple image files and display on Grid view

Hello!
I am working on the Online Furniture Maker System in which i want to upload multiple images of site and display on Grid View

1 Reply 1 reply marked as answer

MP Manivannan Padmanaban Syncfusion Team September 24, 2020 11:57 AM UTC

Hi Ishan, 

Greetings from Syncfusion Support. 

From a shared query, we can understand that you want to view an image in the grid columns. To achieve this, we suggest that you use our column template feature of ejGrid.  

Please refer to the sample code below, 

………….. 
      <div id="BasicGrid" class="ang-grid" ej-grid e-datasource="employeeList" ……….> 
        <div e-columns> 
          <div e-column e-headertext="Employee Image" e-template="#templateDetails" e-width="90"></div> 
………………………………………. 
        </div> 
…………… 
<script type="text/x-jsrender" id="templateDetails"> 
<img style="width: 75px; height: 70px" src="../content/images/grid/Employees/{{:EmployeeID}}.png" alt="{{: EmployeeID }}" /> 
</script> 


Output 
 

Also, refer to the below help documentation link. 

Please get back to us, If you need further assistance. We will be happy to assist you. 

Regards, 
Manivannan Padmanaban 


Marked as answer
Loader.
Up arrow icon