Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

280
Views
Is there a way to span a column for a single row in a Kendo Grid?

I wanted to find a way to span a column for only 1 row of data in Kendo Grid for Angular. I looked into using kendo-grid-span-column but that seems to do it for every row for the columns specified. I've also looked into using kendoGridFooterTemplate but it doesn't seem like there is support for spanning that quite yet. I've posted a picture of an example below:

Example

over 4 years ago · Santiago Trujillo
1 answers
Answer question

0

You should be able to accomplish this by manually adding colspan attribute during the data bound event.

See below example for where I use a boolean data field named isSpecial to determine if that row needs to be altered:

function onDataBound(e) {
  var grid = $("#myGrid").data("kendoGrid");

  // Iterate through all the rows
  var rows = grid.items();
  $(rows).each(function (e) {
     var row = this;
     var data = grid.dataItem(row);

     // Check if this row needs to be altered
     if (data.isSpecial) {
        // Set the column span
        $(row).find("td:first-child").attr("colspan", "5");
     }
  });
}
over 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!