This is similar to https://datatables.net/forums/discussion/comment/116225

I dont have a small test case to replicate this.
I have inline editing enabled for the first column which doesn't have an explicit width as I want it to take up whatever space is left.

On page load, and after the first inline edit, all header widths are correct. You'll notice that the style attribute gets wiped on the second and subsequent inline edits.

Thereafter, the header widths get recalculated wrong each time, and you can see from the debug comment I've included that they change each time.

My work around was to disable fixedHeaders

I tried using $(this).width(toWidths[i]); as per the link above but that didn't make any difference either.

Hopefully this is useful to someone on the internet.

<!-- On Page Load -->
<tr role="row">
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Instructions">Instructions</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Image" style="width: 290px;">Image</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Advice" style="width: 378px;">Advice</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Options" style="width: 180px;">Options</th>
  <th class="step__hiddenInlineEdit sorting_disabled" rowspan="1" colspan="1" aria-label="" style="width: 1px;"><!-- hidden column for inline editing --></th>
</tr>

<!-- After first inline edit of Instructions _matchWidths.thWidths=[943, 320, 378, 180, 1] -->
<tr role="row">
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Instructions">Instructions</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Image" style="width: 290px;">Image</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Advice" style="width: 378px;">Advice</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Options" style="width: 180px;">Options</th>
  <th class="step__hiddenInlineEdit sorting_disabled" rowspan="1" colspan="1" aria-label="" style="width: 1px;"><!-- hidden column for inline editing --></th>
</tr>

<!-- After second inline edit of Instructions _matchWidths.thWidths=[228, 464, 862, 253, 15] -->
<tr role="row">
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Instructions" style="">Instructions</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Image" style="">Image</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Advice" style="">Advice</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Options" style="">Options</th>
  <th class="step__hiddenInlineEdit sorting_disabled" rowspan="1" colspan="1" aria-label="" style=""><!-- hidden column for inline editing --></th>
</tr>

<!-- After third inline edit of Instructions _matchWidths.thWidths=[241, 460, 856, 250, 15] -->
<tr role="row">
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Instructions" style="">Instructions</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Image" style="">Image</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Advice" style="">Advice</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Options" style="">Options</th>
  <th class="step__hiddenInlineEdit sorting_disabled" rowspan="1" colspan="1" aria-label="" style=""><!-- hidden column for inline editing --></th>
</tr>

<!-- After fourth inline edit of Instructions: _matchWidths.thWidths=[187, 476, 884, 259, 16] -->
<tr role="row">
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Instructions" style="">Instructions</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Image" style="">Image</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Advice" style="">Advice</th>
  <th class="sorting_disabled" rowspan="1" colspan="1" aria-label="Options" style="">Options</th>
  <th class="step__hiddenInlineEdit sorting_disabled" rowspan="1" colspan="1" aria-label="" style=""><!-- hidden column for inline editing --></th>
</tr>

Hi

Thanks for creating such a wonderful project and makes it open source for community.
I was using datatable without editor. Recently I outsource the work to freelancer he used one plugin https://datatables.net/extensions/rowreorder/examples/styling/bootstrap.html but without Editor.

My question to you is any Plugin / Extensions used from Editor section but without Editor are free to use for commercial use ?

Thanks in advance.

We have been testing the operation of KeyTable and AutoFil. In connection to this, we have comments. We suggest to enter below corrections or give us tips, how to fix it. We have been trying various avaiable options but it does not help and work well. Below is a list of things that we have noticed. We ask that you will consider to make these corrections to KeyTable and AutoFil to work friendly.

1. after clicking enter, the cell enters into edit mode and leaves this mode at the same time
2. double-clicking the mouse button, should enter the cell into edit mode
3. the cell in edit mode, should allow you to move arrows over text, not leave cell
4. in the edit cell mode, there should not be seen a square to autofill option automatically, in view mode only
5. if the cell (eg. Last name) is in edit mode and when leaving this cell clicks on the cell which can not be edited (eg. Position) then the changes do not save

Below we will add an example in which above things take place:
https://jsfiddle.net/whmqg5sn/18/
With the above in mind, we suggest to consider that the proposed changes could be gone toward i.e. as it is in Google Doc or MS Excel in this scope, we mean that for example, enter in to the cell editing mode by (1 x enter or double click of the mouse), leaving edit mode by 1 x enter or click outside etc. It would be clear and known for user.

Let us know what and how to do or whether you will consider to repair it yourself. Thank you.

i tried it using the example on https://datatables.net/examples/server_side/simple.html
but didn't find the file require( 'ssp.class.php' ); which is under the server-side script tab.
If someone have the updated code of server side individual search and filter code please share it..
i also check the code from here: https://datatables.net/examples/server_side/server_side.html
which is also for some older version.
Please Help

Hello,
The same DT without Scroller is fine and manages its width properly, but when enabling Scroller rows take the width they need to not wrap and then horizonal scrolling is inevitable.

This is a fiddle to demonstrate : https://jsfiddle.net/kmxdeju8/

Thanks !

i need to select a row to delete.the actual delete row depends on the user confirming removal of alertid which resides in column 2 of the tabe. how do I do that? i tried using table.row() functions but i think that functionality depends on installing editor functions. Am I correct?

I am facing problem when trying to implement server side pagination . I am calling public rest API , but the problem is data retrieves without pagination in once.
I want data should be retrieved in chunks of 10, and when click next button it should again get 10 records in the response.

<

script type="text/javascript" >
$(document).ready(function() {
$('#testing-data-table').dataTable({
"processing": true,
"serverSide": true,
paging: true,
"ajax" : {url : "https://jsonplaceholder.typicode.com/posts",
dataSrc: ''
},
"columns" : [
{ "data" : "userId"},
{ "data" : "id"},
{ "data" : "title"},
{ "data" : "body"}
]
});
});

In editor - how do I join tables using multiple fields in the leftJoin function?

• Significant for most applications.
• Durable polycarbonate.
• Easy to Install
Protect your building against pigeons, starlings and gulls with bird spikes. easy to install and maintain bird deterrent will keep birds off your structures permanently. Their durable construction, that uses stainless steel and UV-protected polycarbonate, ensures that these spikes do not need replacement anytime soon.
Description
Building Bird Spikes: Significant for most applications, durable polycarbonate, easy to install .
How To Get Rid Of Birds
Bird Spikes are a versatile range of precision engineered bird spike designed to provide effective and humane control of problem urban birds. The upward pointing wires or 'spikes' act as a physical barrier to the birds without hurting them. The clever design provides the solution to virtually every situation where bird spikes are suitable. This reduces the need to carry several different stock lines.
Key Features
Great for most applications.
Long-lasting polycarbonate provides decades of maintenance-free protection.
Easy to Install – Attach quickly with Adhesive, nails, screws, cable ties, etc.
Transparent – Polycarbonate is transparent which is practically invisible.
Dense – Top branches protrude from the vertical shafts to give impenetrable coverage.
Flexible – Mounts easily on flat, curved or irregular surfaces.
Environmentally Friendly – And Non-Lethal. Nothing to rust or deteriorate.
Economical – Sturdy plastic base does the same job as stainless steel at a fraction of the cost.
Material: Polycarbonate base and 304 stainless steel wire
Specifications
Wire Diameter of Spike: 1.3mm
Length of spike: 11cm
Spike Quantity Per Strip: 40 spikes
Protection Width: 6cm ~ 13cm
Base Size: 50cm(L) x 6cm(W) x 11cm(H)
Weight: 91g/metre
Bird Species: Pigeons, gulls, starlings
Bird Activity: Day-time perching, night-time roosting and some nesting areas.
Infestation: From light to heavily infested areas.
Substrate: Masonry, Steelwork (stainless and galvanised), lead, PVC, PPC, ceramic tiles, glass
Installation: Using a suitable adhesive or clip is critical to increasing life
Company Information
Baoding Bolan Automatic Technology Co., Ltd is ISO and CE certificated manufacturer ,we are suppliers of State Grid.
We are specialized in transformer oil test set, transformer test set, hipot tester, relay protection tester, underground cable fault locator, and so on. which are advanced in China. In addition, we also offer transformers with specifications and uses according to clients' requirements.
Packing Details
Our Service
●Our professional team will accompany you to the market the whole day long for your sourcing products in the market. We can also accompany you for visiting the city center if you like.
●We make translation for you in the booth, put down record, take picture of the items, and prepare the full list of the items when you finish your visit.Bird Spikes suppliers
website:http://www.bird-bolan.com/non-electronic-bird-control/bird-spikes/

Company Profile
Jinan North Jinfeng Sawing Machine Co., Ltd.（hereinafter referred to as Jinfeng sawing industry), with 80 million fixed assets, 13 thousand square meters factory, 3000 sets annual production capacity, advanced technology and high innovation, is the professional manufacturer of sawing machine. Established in 1998, with design, research, development, produce and sales as a whole, Jinfeng sawing industry is a comprehensive manufacturing enterprise with band sawing machine and band saw blades.
Jinan North Jinfeng Sawing Machine Co., Ltd. has modern factory, first-class producing and testing equipment, a highly innovative management team and a high quality staff team. Over the past twenty years, Jinfeng band sawing machine (double-column band sawing machine, angle band sawing machine, CNC band sawing machine and vertical band sawing machine), spectrum specimen grinder and bi-metal band saw blades, with advanced technology and stable properties, are famous at home and abroad and sell well all over the world.
Jinfeng sawing industry has independent design, development and manufacture capacity and it is the new high-tech enterprise in Shandong province. The CNC sawing machine and angle sawing machine produced by us were selected as “High-tech Products of Jinan” and horizontal band sawing machine as “Brand-name Products of Jinan”. The technology team formed by domestic sawing machine professors was approved to establish the “Jinan Band Sawing Machine Project Technology Center”, which was approved as municipal enterprise technology center by Jinan Economic and Information Bureau. Now we have 5 software copyrights, 14 national invention patents and the patent for utility model. The project “Double Metal Band Saw Blades Complete Sets of Units” developed by us was approved as “National Torch Plan Industrialization Demonstration Project” by National Science and Technology Department. Our company is committed to enterprise development and technology progress and the introduction of foreign advanced technology for the production of sawing machine. The large double column horizontal band sawing machine, double blades band sawing machine and three blades band sawing machine developed by us are well received by large and medium enterprises.
Jinfeng Sawing industry adheres to the policy of “ survive by the quality, develop by the progress of technology, strive for advantage by product’s properties”, takes high efficiency and low consumption as the criterion and gets credit by high quality service. We have won the favor of our customers with sophisticated processing equipment, advanced processing technology, modern testing instruments, complete testing methods and complete quality assurance system. With good faith, strength and product quality, it is highly recognized by the domestic and foreign industry. Jinfeng band sawing machine has passed ISO9001:2008 quality system certification, in line with national standard, tested and apprised as high quality product by Jinan Technical supervision bureau.
Jinan North Jinfeng Sawing Machine Co., Ltd. was selected as “Abiding By Contracts and Keeping Promises Enterprise” by Shandong Administrative Bureau for Industry and Commerce and was issued “High-tech Enterprise” certificate by
Science and Technology Department of Shandong province.
Company philosophy: to be brave and enterprising, to develop and innovate, to transcend oneself and to pursue excellence.
Company goals: based on domestic and international oriented, develop together and create brilliance.
Business idea: first-class products, first-class reputation, first-class enterprise, first-class staff and first-class service.
Honor and certificate Horizontal Bandsaw Machine factory
website:http://www.chinasawingmachine.com/
website2:http://www.cnbandsaw.com/

About Mayvin Optics
Mayvin Optics specializes in the design and manufacture of high-performance binoculars, monoculars, spotting scopes, compasses and digiscoping adapters. We started in 2005 with the aim of being one of the most professional suppliers in the field of optics in China. The company has met the most exacting demands of leading optical instrument distributors from Europe and North America through the years.

The product lines of Mayvin Optics have enhanced the enjoyment of every outdoor pursuit from spectator sports, nature study, hunting and birding to stargazing. Indoors, binoculars bring the audience closer to the action in fast-moving sports or the fine arts at theaters and concerts. We constantly explore emerging technologies of optics that can pair leading-edge design with performance innovation. It is this dedication that will make Mayvin Optics the most recognized and reliable optics supplier in the world.
Our Values - Innovation & Trustworthiness
The philosophy of Mayvin Optics is “Innovation & Trustworthiness”. These are simple words but they are not easy to achieve. They represent the unchanging principles to which we will always be dedicated.

Our Aspirations - Clearer, Closer
Clearer - We aspire that our products can bring you a clearer world and see the unseen.
Closer - We aspire that with our products you can get closer to the preciousness of the moment, the joy of observing and the fascination for the beautiful and the hidden.Marine Monoculars suppliers
website:http://www.chinatop-optics.com/
website2:http://www.chinagute-optik.com/

Is there a away to modify the Processing... or Loading... message? I would like to use a Font Awesome spinner icon instead of these text.

Hi All
i need to have calculated column based on quantity and price . since im using row grouping plugin ,render method is not working with group total. so i need to know a way to do so in the editor window or at posting time within the editor instance.

i saw Field::inst but its for php i guess. so can some body en light me how to do it in mvc c#.

Thank You

I have a table that is pulling its data from a sql server table. This loads in the data fine, but when I click on the date columns they are not sorting the dates in the correct order.

I am not too sure what I need to do to correct. If I sort in management studio the order is correct. Thought that would just work fine, but I guess not. Here is what I have:

var table;

        $(document).ready(function () {
            table = $('#WellTestTable').DataTable({
                "scrollX": true,
                "order": [[2, 'desc']]
            });
        });

What am I missing to get the data to sort correctly? I don't have time in there yet, but it would need to sort by time as well.

Here is the date data from in the table on sql.

Thanks.

Hi All

I have a serialized json string like this.

[[null,null,null,null,null],[null,"Rough Costing",null,null,null],[null,null,null,null,null],[null,"Client","Ua Limited",null,null],[null,"Product",null,null,null],[null,"Pro: Name","Idam ",null,null],[null,"Est.: No",null,null,null],[null,"Time: period ","43299",null,null],[null,"Date","15th July - 2018",null,null],[null,null,null,null,null]]

this was a json conversion of csv file generated from a excel invoice file and my aim is to load the csv to datatable and let the users to get rid of the unwanted rows containing headings and section names and save the values to db.

but as you can see this string contains lots of nulls and no column names. and the table is in loading mode and cant see any relevant jquery error.

is this array valid for datatables with null values. is there any specific way to load this?

now im here but no much different even without column definitions.

`$(document).ready(function () {
$('#example').DataTable({
dom: "Bfrtip",
ajax: "/POPM_Trn_IOU/ExportToExcel",
"columns": [
{
"data": 0,
"defaultContent": ""
},
{
"data": 1,
"defaultContent": ""
},
{
"data": 2,
"defaultContent": ""
},
{
"data": 3,
"defaultContent": ""
},
{
"data": 4,
"defaultContent": ""
}
],
dataSrc: ""

});  
});

`
Thank You

Lets say I am on one page with datatable and resizing the column.Now i am moving to another page and come back to previous page at that time I need to retain the column resize.

I have datatable implemented on my page. I am getting whole data using ajax call in one time as json and then displaying it on datatable. What I need here is, I want a dropdown which can change the number of records to be shown on my page and change the pagination accordingly. But i don't want to get the data on every change. I have whole data in one time, but i just want to change view dynamically. Can it be done in anyway here in datatable? Please help me with this.

Hello, I am working on an application that compares prices of products between different sellers. One feature I have added is buttons to hide certain columns using colvis (toggled). However, the data in one of the other columns that always shows is dependent upon the other columns -- the discount is computed based on the difference between our price (the CDO column) and the lowest price of the other five sellers (Maxiconsumo, Makro, Vital, Yaguar, and Diarco). So, if I hide a seller column that had the lowest price for a given product, I will need to recalculate the discount based on the next lowest price seller. Similarly, if I add a column in, I will need to check to see if its price beats the current lowest seller's price, so I would recalculate the discount. I also color the cell with the lowest seller price green in a row callback function, so that will need to be re-executed again as column visibility changes.

Some ideas I had to approach this issue were to simply reload the table every time a column visibility button is clicked (using ajax.reload()), but I am not sure how to implement it with specificity to the columns that are present. My data contains an array of objects containing the sellers' prices and discounts with respect to the CDO price, and I have sorted the array in ascending order of prices in my backend. So, if Maxiconsumo has the lowest price, followed by Diarco, and the other three sellers do not have the item, the array will be of length 2 and contain the Maxiconsumo object at index 0 and the Diarco object at index 1. Is the sorted array a workable implementation, or is it better to keep the array in order of how the columns are presented and iterate through each time to find the lowest price? Let me know what you think, and please let me know if you need more information to help debug. I am not sure if it is helpful to give a test case because my issue pertains to how my data is loaded in; let me know if it would be useful, and I will try my best.

Hi there, I'm new to the forum so forgive me if I miss anything.
DataTables warning: table id=shipmentTracking - Requested unknown parameter '0' for row 0, column 0. For more information about this error, please see http://datatables.net/tn/4
What's the best way to handle this kind of error? I have a datatable that refreshes each row one at a time. While it's doing this, if the user clicks on any of the other tabs or in the paging, an error like this one pops up and it messes up the datatable or crashes.

Good morning,
I just transferred all my site to a secondary server.
All seem to work except some page that uses datable.
I have this error "DataTables warning: table id=phyto_test - Invalid JSON response. For more information about this error, please see http://datatables.net/tn/1"

Except when I go to see ajax's answer. It's empty. No mistakes and especially no answers. NOTHING. Status 200 Type xhr and response empty.
I transferred all the db and file, I have the same access to sql.
I use datable elsewhere on the site and it works
This party has some differences that I use datable Editor.