angular-ui/ui-grid

Discussions concerning ui-grid 4.0 development. See the tutorials: http://ui-grid.info/docs/#/tutorial

walauahahaha

@walauahahaha

And also is it possible to apply sort function in row header?

Jeff Grossman

@jeffgrossman

@walauahahaha Caveat: I have never worked with row headers myself. I see there is a function to determine whether a given column is the row header (ui.grid.isRowHeaderColumn) so can you use that to discriminate which style to apply? Re some kind of row sorting control visible in the row header, I see nothing builtin. I suppose you could declare a ui.grid.rowSorter and provide a custom template for the row header column to access it.

Shree Thatte

@shreethatte

Hi everyone, has anyone experienced XSS issues with Ui grid

the version we are using seems to have some XSS vulnerabilities

walauahahaha

@walauahahaha

@jeffgrossman Hi, I managed to solve the text align problem by apply cellClass in $scope.gridApi.core.addRowHeaderColumn and then track the CSS root in order to overwrite the text align, this is how I do

For the sort function, I will try your idea and see whether it works for me, thanks for the comment, I really appreciate @jeffgrossman

Ajay Kumar Sana

@ajaykumarsana

Does Angular UI grid has version support in Angular8?

Danilo Gonzalez Catalan

@dgcatalan_twitter

hello, check this grid UI has the function of collapse

Jeff Grossman

@jeffgrossman

@dgcatalan_twitter Collapse what?

Marcelo Sauerbrunn Portugal

@mportuga

@ajaykumarsana unfortunately, it does not at this time

GokuH12

@GokuH12

Hi guys!, first time around. I have a very weird problem. This its the situation: Have one ui grid with around 50 - 100 rows, and one of the colums has a cellTemplate: <code><span ng-click = "grid.appScope.buscarDetalleFactura(\'{{COL_FIELD}}\', \'0\')" class="cursor">{{COL_FIELD}}</span></code>
The problem comes when i click on the column, the function get called BUT, if i scrolled the grid (looking for the others rows), the COL_FIELD that its sent to the function doesnt correspond to the one show in the row. =O. Sorry for my bad english, its weird because the visible rows are good, if i inspect the html all looks good, and if i click in the rows in the top (w/o scrolling down) all its good.

GokuH12

@GokuH12

I Hope the img help to understand the problem

GokuH12

@GokuH12

It turns out that you dont need the {{}}
ng-click = "grid.appScope.buscarDetalleFactura(COL_FIELD, \'0\')"
This fixed the problem!

Thor

@FerdinK_gitlab

Hi guys, how can you refresh the selection row header when you modify it's width ?

Jeff Grossman

@jeffgrossman

@FerdinK_gitlab The grid runs off arrays that are not the same as the column defs. So, to change the width, you must either change the width of the working array or change the columndef and cause a re-read (e.g., change the column name).

gurnard

@gurnard

hello. Has anyone used angular ui grid in a component based setup, so using 1.5 angularjs components with typescript where there is no $scope just this.

if so how do you do it. I am upgrading an old angularjs to 1.5 using components and typescript and the grid does not display on the page... nothing in the error logs either

just a blank

ashis-raj

@ashis-raj

Hi, related UI-Grid having one issue

I was breaking my head from last 3 hours, not able to get the solution. Can anyone help me out on this issue?

I am using Ui-grid and from code level I am adding new editable rows on clcik of add button. But I am able to add only 20 rows after that it is not allowing me to add editable rows.

Jeff Grossman

@jeffgrossman3000

@ashis-raj That is strange. Does it give an error then? Are you doing anything more than push()?

shaochongGitHub

@shaochongGitHub

how to get complex example?

how to get complex example project?

Yosi

@yosiasz

@shaochongGitHub that is a complex question. Can you expound

shaochongGitHub

@shaochongGitHub

@yosiasz I want use datagrid complex example in our project. so I want datagrid complex example source code.

Jeff Grossman

@jeffgrossman3000

@shaochongGitHub No one can answer the question like that. Tell us what you need to do with the grid... show 10,000 rows? allow users to add/remove columns? complex financial calculations between cells? dancing hamsters?

Danish Araquei

@daraquei

Can we group 3 columns and add new header name to that group?

Jeff Grossman

@jeffgrossman

@daraquei Alas, never implemented; feature request is here: angular-ui/ui-grid#963

@daraquei If you read through it, there are some plausible hacks in there, depending on how much sorting/filtering behavior you need from it. For example, https://stackoverflow.com/questions/31847615/header-grouping-of-ui-grid-angular/39740803#39740803 and also https://jsfiddle.net/jrkim123/wexmj2Lw/

Yosi

@yosiasz

@shaochongGitHub please show us what you have produced so far

diluka

@dilukath

@yosiasz when i going to download excel i got an following error message .
angular.js:15567 TypeError: JSZip is not a constructor
at Object.createFile (excel-builder.dist.js:4985)
at ui-grid.exporter.min.js:7
at processQueue (angular.js:17945)
at angular.js:17993
at Scope.$digest (angular.js:19112)
at Scope.$apply (angular.js:19500)
at HTMLButtonElement.<anonymous> (angular.js:28955)
at HTMLButtonElement.dispatch (jquery.js:5237)
at HTMLButtonElement.elemData.handle (jquery.js:5044) "Possibly unhandled rejection: {}"

@yosiasz do you know about that error message?

Yosi

@yosiasz

@dilukath download excel from where?

@dilukath please post angular version, ui-grid version all the details. also if you can post a sample of your code to https://stackblitz.com/ or something like that

Bipin Kumar

@bipinmaurya

I am using ui-grid and I am struck with one issue. As you can see I have two columns in below code, I want to use texteditor or dropdown as second column editor based on the value of first column in the same row.
Eg.
coloumn1 column 2
abc texteditor
pqr dropdown

Can anyone suggest how can I use this, I am using below grid definition.

............................................................................
$scope.prodInfoTypeGridOptions = {
enableRowSelection : true,
enableSelectAll : true,
multiSelect : true,
enableCellEditOnFocus: true,
selectionRowHeaderWidth : 30,
columnDefs: [{
name:'infoType',
displayName :'ProductInfo Types',
enableCellEdit: false
},
{
name : 'defaultValue',
displayName:'Value',
editType: 'dropdown',
enableCellEdit: true,
editableCellTemplate: 'ui-grid/dropdownEditor',
editDropdownOptionsArray:$scope.typeRowValueArray,
editDropdownIdLabel: 'value',
editDropdownValueLabel: 'value',
editDropdownOptionsFunction: function(rowEntity, colDef) {
var rowInfoType = rowEntity.infoType;
var colName = colDef.name;
if(colName == 'defaultValue'){
for(i=0; i<$scope.defProdInfoTypes.length; i++){
if(rowInfoType.toUpperCase() == $scope.defProdInfoTypes[i].type.toUpperCase())
{
return $scope.defProdInfoTypes[i].options;
}
}
}
}
}],
onRegisterApi: function (gridApi) {
$scope.gridApi = gridApi,
$interval( function() {
$scope.targetInfoGridapi.core.handleWindowResize();
}, 500, 10);
},
data:$scope.prodObject.productInfotypes
};
......................................................................................

Danish Araquei

@daraquei

Can we word-wrap the grid header display name?

some of the grid display name are long , so need to wrap those

Jeff Grossman

@jeffgrossman

@daraquei You can do it in CSS, see http://plnkr.co/edit/BZFcGHB7lY120bEOnDyn?p=preview Or, you can add headerTooltip: true to the columndef and the full text of displayName will show when mouse lingers.

Jeff Grossman

@jeffgrossman

@bipinmaurya Hi Bipin. I can't make your code work for me. Anyway, by looking at it, most of it concerns twiddling the editor dropdown in the column header, not the actual editing of a cell. You will have to write a editableCellTemplate for the second column that examines the first column and then offers appropriate activities. Perhaps this person was doing something like what you want?: angular-ui/ui-grid#6291

Jarrid Lima

@jarridlima

Vipul Dessai

@badgamerbad

hi, i wanted to know reporting an issue for the features in ALPHA phase is acceptable

Jeff Grossman

@jeffgrossman

@badgamerbad Hi Vipul. I'm not in charge of anything around here but I believe this project is no longer being developed. It's good for what it is, hence there are some people still tending the bar, but I doubt you're going to see a new commit.

Vipul Dessai

@badgamerbad

@jeffgrossman actually the feature my application uses was stable for the previous releases of UI-GRID, now they have made it alpha, and its breaking in their example also. lets see if any of the developers get time to look into the issue. raised bug #7061 and thanks a lot :-)

Yosi

@yosiasz

@badgamerbad or better yet branch it and fix it yourself ? :smile:

Marcelo Sauerbrunn Portugal

@mportuga

@jeffgrossman @badgamerbad Although most of the development team for UI-Grid has moved on, I do still logon and approve/merge certain PRs and make new releases. It is true that it is not in active development, but it is being maintained, and if anyone has time to fix issues/develop features. I make an effort to ensure they are good and make it to a release.

I just don't have enough time to develop much by myself.

lazynewt

@lazynewt

I dont suppose anyone could advise me on why this wont work in a cell template on angular 1.x .. just on the off chance.. {{ COL_FIELD | amTimezone:grid.appScope.selectedLocale.timezone | amDateFormat:'L LTS'}}

Where communities thrive

People

Repo info

Activity