All Questions
Tagged with angular-datatables javascript
123
questions
10
votes
2answers
452 views
Default Column are not displayed in Material Design Data Table (iamisti/mdDataTable)
I am trying to populate the <mdt-column> inside of <mdt-header-row> dynamically with an array from controller. This piece of code doesn't seem to work properly:
hide-column-by-default="c....
8
votes
0answers
4k views
Custom sorting with Angular DataTables directive
I am using Angular DataTables within my app. So far everything works well, except when I try to add custom sorting.
I have a set of data that returns a hyphen, "-" if there is no data. Here is my ...
7
votes
2answers
15k views
Angular ngx-datatable multiple data in one column
I've got a little problem adding more then one prop to column in ngx-datatable:
columns = [
{ prop: 'semesterName', name: 'סמסטר', resizeable: false },
{ prop: 'eventName', name: 'מפגש', ...
6
votes
1answer
25k views
Angular Store Data and Reload Datatable
I'm using
datatable: https://l-lin.github.io/angular-datatables
and bootstrap: https://angular-ui.github.io/bootstrap/
this what i try to achive: after add data using modal from bootstrap and save ...
6
votes
3answers
11k views
Angular datatables with filter column width
I tried to set width for column in angular datatables with filters.
But width of the column not changed.
I try following
var columnsSpecification = [
{
type: 'text',
...
6
votes
3answers
3k views
How to populate table values dynamically based on JSON in datatable angular?
I'm using Angular-Datatables. I need to be able to dynamically create the table based on the data that is being returned. In other words, I do not want to specify the column headers.
Example:
json ...
5
votes
3answers
19k views
Angularjs Datatable server side pagination
I'm trying to make Angularjs Datatable server side pagination in this link https://l-lin.github.io/angular-datatables/#/serverSideProcessing
So I use this code
$scope.dtOptions = ...
5
votes
1answer
1k views
How to replace all the columns dynamically in Data Table using Angular2+?
My requirement to replace the all the columns when ever the changes/event is happening outside of the Data Table.
data table is displaying for the first time with selected columns(from event). if i ...
4
votes
3answers
13k views
Angular-Datatables wrong sorting on date
I'm using the angular-datatables plugin in my project, which works fine on all types, except for dates.
Example DESC:
01/01/2016
01/08/2015
01/08/2015
01/09/2015
Example ASC:
31/12/2015
31/10/2015
...
4
votes
1answer
1k views
Sorting of numbers within brackets in angular datatables
I am using Angular datatables to populate my table based on a webservice response. My webservice returns me a json like below
[
{
"id": 1,
"name" : "abc",
"count": "(20)"
},
{
"id": 2,
"...
4
votes
1answer
157 views
How to refresh the datatable inline editor after getting data from service?
I have added inline editing data features for my datatable. I'm using service call to get the latest data and I'm binding to the datatable using dtOptions. I'm using datatable " ". intially empty ...
4
votes
0answers
1k views
Change Page Charset with Javascript
I have a single-page app which specifies the UTF-8 charset with a "meta" tag within the head:
<head>
<meta charset="utf-8">
...
</head>
...
On the "reports" page within the app,...
3
votes
3answers
4k views
How to disable initial Ordering of data in Angular Datatables?
I am using angular datatables and I have only one column.
When I bind it, the data comes in an ascneding order, while I want to display it in the order I recived it.
Can someone please help.
...
3
votes
2answers
3k views
how to get the search box value in angular datatable?
I'm using angular datatable plugin, and I want to get the value of the search box that comes with the generated datatable. Angular datatable has a few options to make a datatable, but any of them ...
3
votes
1answer
2k views
Angularjs datatables - rowCallback event
can someone help me with rowCallback. Problem is, I have a table, and you can click anywhere on table row for open info for clicked item. On first TD I set check box. But when I check checkbox, I don'...
3
votes
1answer
787 views
AngularJS angular-datatables custom attribute in buttons
I am using the following with npm:
"dependencies": {
"angular": "1.6.4",
"datatables.net": "1.10.19",
"datatables.net-buttons": "1.5.3",
"datatables.net-buttons-dt": "1.5.3",
"...
3
votes
2answers
856 views
Disable column sorting not working for multiple angularjs datatables
I am working with multiple angularjs data tables and generating a new table every time user selects an option from the drop down list.Based on the user's selection i make an $http request to fetch new ...
3
votes
3answers
218 views
How to add empty data row in Datatable using angular2+?
I want to add empty data row. My requirement is like columns are dynamic. I have tried using dtInstance to add the row. it's throwing some error.
here is the link
https://stackblitz.com/edit/how-to-...
2
votes
1answer
3k views
Angular Datatables: Unknown provider
I'm new to JS and Angular trying to implement the angular-datatable version in my project.
First I used the "angular-way", which turned out to be a bad decision based on performance. I have a lot of ...
2
votes
2answers
3k views
Angular datatables Fixed Columns undefined is not a function
I used angular datatables with fixed column, my HTML code for view as the following:
<div class="row" ng-controller="PerformanceCtrl">
<table id="example" datatable=""
class="...
2
votes
1answer
1k views
Angular Datatables Sometimes Fails To Load
I have a angular datatable which sometimes just fails to load with the following error:
angular.js:13708 TypeError: Cannot read property 'mData' of undefined
at HTMLTableCellElement.<anonymous> ...
2
votes
2answers
1k views
“No matching records found” remains after table population
The "No matching records found" row remains on my table, even though data has been loaded.
The table is defined as follows:
<table datatable dt-options="gvc.dtOptions" class="table table-striped"...
2
votes
1answer
3k views
How invoke angular datatable pagination refresh callback after data update?
I have angular datatable config which works fine. My config looks like
vm.dtOptions = DTOptionsBuilder.newOptions().
withPaginationType('full_numbers').
//withOption('ajax', ...
2
votes
1answer
937 views
Change Datatables interface language with angular translate switch
in my angularjs app I use angular translate for change language
$scope.changeLanguage = function (langKey) {
$translate.use(langKey);
tmhDynamicLocale.set(langKey);
};
app.config(function (...
2
votes
1answer
1k views
How to make ng-click work in a Angular DataTables column builder?
So I have this code:
Controller:
vm.dtColumns = [
DTColumnBuilder.newColumn('product_code').withTitle('Code'),
DTColumnBuilder.newColumn('product_name').withTitle('Name'),
...
2
votes
2answers
2k views
How to use ColumnFilter or LightColumnFilter with angular-datatables error b.dataTable.columnFilter is not a function
I want to use columnFilter or LightColumnFilter with angular-datatables but I get the following error b.dataTable.columnFilter is not a function
I know that in the website example https://l-lin....
2
votes
1answer
1k views
Datatable doesn't refresh correctly after $scope change
Hi I have a problem with Angular and Datatables. I have a table of items and when a socket.io event comes in, I change the $scope. The problem is, that the datatable change the $scope, but it keeps ...
2
votes
1answer
1k views
Angular-Datatables + Angular-xeditable : editable row canceled
When combining angular-datatables and angular-xeditable, editable row is canceled when adding a new row.
This is the jsfiddle.
Sample operation is as follows.
(1) This is initial state.
(2) editing ...
2
votes
0answers
488 views
document.getElementById returns null for invisible rows in angularjs datatable
In my Angularjs App, I'm creating dynamic table that also have a checkbox column and header of that column is also a checkbox for selectAll purpose.
Here is code of table creation
var dt = ...
2
votes
1answer
120 views
Hide/Remove an extra dropdown widget from jQuery ColumnFIlterWidget plugin in Angular Datatable
Basically I am trying to achieve 2 things here. I am using columnFilterWidget.js jQuery DataTable Plugin here for column filtering. I am having some issues in "Excluding" one Extra dropdown which is ...
2
votes
0answers
445 views
Angular-material-data-table doesn't work
I'm doing a web app and I'm using angular-data-table to display data in infinite scroll.
Now, for testing, I'm using a very little table (height: 150px), and I want to retrieve 4 items each time the ...
2
votes
0answers
7k views
How to pass the DTOptionsBuilder and DTColumnBuilder to the controller in angular-datatables
I started to learn AngularJS-1.5.7 and also angular-datatables. I followed some examples in this page https://l-lin.github.io/angular-datatables/#/withResponsive the one that is for responsive tables, ...
2
votes
0answers
562 views
angularjs datatable overflow
I have problem on display datatable. It overflows like in the picture.
I already tried withOption('autoWidth', false), but still not fix.
my html
<form class="bv-form" name="datagridForm" ng-...
2
votes
1answer
575 views
Angular Datatable not filtering with column reorder
In JavaScript, I have
$scope.dtOptionsCandidate = DTOptionsBuilder.newOptions()
.withColReorder()
.withLightColumnFilter({
1: {"type": "text"},
2: {"type": "text"},
3: ...
1
vote
4answers
7k views
Angular - Datatable click row event
I am working with AngularJS and angular-datatable and I want to work with the event in a row, I have setup the controller to listen the event but it is not work. My code is :
html
<div class="...
1
vote
1answer
1k views
Angularjs jQuery datatables add processing event
I use the Angular datatables module. https://github.com/l-lin/angular-datatables
I try add the processing.dt event, but it does not work.
This is the original code from the base api
https://...
1
vote
2answers
2k views
hide/show column on conditionally in datatable AngularJS?
I'm show the user list using datatable angularjs. I want to hide show column using conditionally.suppose role is onther then last column is not show and role is admin then show this last column.how ...
1
vote
1answer
2k views
Is there a callback for when an Angular DTOptionsBuilder ajax call finishes?
I am using angular datatables and I have some code that looks like this:
this.dtOptions = DTOptionsBuilder.newOptions()
.withOption('ajax', {
type: 'POST',
contentType: '...
1
vote
3answers
128 views
Individual column search on top rather than bottom in angular datatable
I am using this library https://l-lin.github.io/angular-datatables/#/welcome for my angular 7 project I have implemented the code as given the the example as it is, https://l-lin.github.io/angular-...
1
vote
1answer
231 views
Display JSON data using an Angular DataTable
I am using an Angular DataTable to display data using a JSON array but the data did not display. I think there is an issue with my HTML page. Can you find the issue?
HTML file:
<tbody>
&...
1
vote
2answers
6k views
How to load an angular-datatables table with a javascript array in the controller
I want to load an angular-datatable with a javascript array but if I try this I get this error
DataTables warning: table id=DataTables_Table_0 - Ajax error. For more information about this error, ...
1
vote
1answer
361 views
How can I use iDisplayLength with angular datatables?
I have an angular datatable but I only want to show 5 rows of the table by default. I consulted the documetation and it said that the property I should modify is iDisplayLength. I tried doing it like ...
1
vote
1answer
760 views
ng-show not working in datatables columns
I am creating a table in angular using datatables. I've use a value from the scope and I compare this value with the data received.
"columns": [{ data: null, render: function ( data, type, row ) {
...
1
vote
2answers
1k views
How to get double click event in angular-datatables
I am using datatables and angular-datatables.
How do I detect a double click event in the datatable and get the row data?
I found the code below but I need it in angular.
$(document).on("dblclick", "#...
1
vote
1answer
776 views
How to put If condition in array for data table in JavaScript?
I am implementing datatable this table contain all row with one API hit. And I want to put condition in java script code. Data table creating through java script. I am sharing my code sample.
$scope....
1
vote
1answer
121 views
Server process data table continously when next button is clicked
I used datatable to process big data on my backend. In DTOptionsBuilder, I'm used withFnServerData method to get a range of data from the database. It parsed everything in the table from start to ...
1
vote
1answer
652 views
Set fontawesome icon DTColumnBuilder in Datatable in Angular Js
I am displaying Json data into datatable using DTColumnBuilder. So right now I am able to display data into each row of the column. But I want to set one font-awesome icon in each row in column.
...
1
vote
1answer
60 views
Using $watch, table div dissapear
I'm using isteven-multi-select directive for multi-select dropdown. I'm giving it thingsList and it creates checkedList while I choose things.
So at first I used button to confirm selection and ng-...
1
vote
1answer
1k views
Data tables ajax post user selected parameters and reload table data
I'm using Angular Data Tables (0.5.2) with DataTables 1.10.12 to load a Data Table instance. In the UI I provide a DatePicker (start and end date) for the user to select in order to limit the data by ...
1
vote
1answer
1k views
Angular JS Datatables row click event add dynamic AngularUI Tab
I wanted to do a browser like tabs but the event will be triggered inside a angular datatables (im using this one - angular-datatables). I have already setup the controller to listen on click per row ...
