angular-ui/ui-grid

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

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'}}

RAHUL RAGHAVE

@rahul.raghave_gitlab

how to set ui grid scroll bar position on page refresh or back to ui grid

Jeff Grossman

@jeffgrossman

Does it work for you to force a certain <row,col> into view? In which case, call scrollTo(). Sample code https://stackoverflow.com/questions/26919942/how-do-i-force-the-horizontal-scroll-move-to-the-right-on-ui-grid

MALLESH [Durga] NAGOTHI

@mallesh-csra

Hello

Rodrigo Rodriguez

@roalroga

hello, someone from here worked with the latest version of angurlaJs and with the latest version of Ng-Grid

Jeff Grossman

@jeffgrossman3000

@roalroga This project, ui-grid, essentially superseded ng-grid. Folks here are likely to have migrated their stuff in 2013. No harm in asking, I suppose, but don't be too optimistic.

Mohamed

@Medboubos_twitter

Hello, How can I update the ui-grid? I wanna have the last version

Jeff Grossman

@jeffgrossman

@Medboubos_twitter Download button on front page: http://ui-grid.info/

tonswart

@tonswart

Can I use bootstrap4 styling with ui-grid?

Jeff Grossman

@jeffgrossman3000

@tonswart Why wouldn't it work?

ferasj22

@ferasj22

The code does not execute properly. Try to figure out why.

function multiply(a, b){
a * b
}

please help

Jeff Grossman

@jeffgrossman

Without a "return" statement and a semi-colon, I don't see how you can tell.

Saurabh Singh

@DNDeveloper-s

Mahmoudatia

@Mahmoudatia

Where communities thrive

People

Repo info

Activity