is any suggestions for this.

Please find the screenshot for vertical grid.

Thanks.

If it’s simply reorienting the grid you could maybe try using CSS: transform: rotate(90deg) and see what happens. Otherwise you’ll need to maybe post a screenshot of what you want so I know what you mean.

https://uploads.disquscdn.com/images/4db2f80f634035e38ae31ed7d74a73cf24a3afee35c5d3ae442e4b91bcaf7288.png

There are 3 buttons there, View (most prominent), Edit, and Delete. The VIEW and EDIT buttons need to take the user to a different state (using UI Router). Also, my ID fields vary in name (SiteID, SiteGroupID, etc). Is there a specific path you would recommend?

Currently I’m using a cell template with the UI defined (as seen in my screenshot). Ideally, there would be a way for me to pass in the viewSref and editSref as parameters into the colDefs item – but I’m not seeing an easy “proper” way to do this.

I did hack this to work (but I hate the way I’m doing it!!!!) by doing this:

columnDefs: [
{
name: ‘ ‘,
width: ‘130’, minWidth: ‘130’,
cellTemplate: ‘views/actionbuttoncell.tpl.html’,
viewSref: ‘siteevent.detail.view({ siteEventStagingId: row.entity.siteEventStagingId, siteGroupStagingId: grid.appScope.siteGroupStagingId, siteStagingId: grid.appScope.siteStagingId })’,
editSref: ‘siteevent.detail.edit({ siteEventStagingId: row.entity.siteEventStagingId, siteGroupStagingId: grid.appScope.siteGroupStagingId, siteStagingId: grid.appScope.siteStagingId })’,
deleteFunc: function (record) {
// RESTful delete, then refrsh … $http…
},
},

My template looks like this:

View

It works, but it’s really nasty. I’m just forcing these new properties that don’t exist. I’m switching to TypeScript and this is becoming a really problem especially now because these properties obviously don’t exist in the defined Type.

I feel like there must be a better way.

Thank you

Thanks for the example,

In the example of adding a button how can I only have the button non-disabled for a row if the row is selected.
I have tried using ng-disabled=”row.entity.id == selectedItem.id”

where selectedItem is set to the selected row,

This correctly disabled the button when the grid is loaded but does not enable the button when the row gets selected.

Any ideas.
Martin

which causes havoc with our error reporting.
Any idea what’s causing this and potential fix would be welcome.

controller:

$scope.gridwidth = function (columns) {

var gw = 0;
for (var i = 0; i < columns.length; i++) {

gw += columns[i].drawnWidth;
}
var width = gw.toString() + "px";
console.log(width);

var gridstyle = {
"max-width": width,
"min-width": width,
"width":width
}
return gridstyle;
}

Console gives "NaNpx"… please help me out!