Trying to hide images in html email - not working in Outlook 2010

I'm building device-responsive emails for mobile. As part of this I want some images that appear on desktop/webmail to be hidden on mobile and vice versa. I've got it working on all web clients,...

<tr> background color only changes on even childs

Try to click on any table row, it will only black highlight the even ones, what did I miss?It was supposed to turn row backgrounds black, on click.Here's my current code: HTML: <div...

DataTable Error: Uncaught ReferenceError: jQuery is not defined

My datatable plugin is not working and i dont know why please help... when trying to debug the javascript on Google crome i found this error and i know if they are clashing Uncaught...

Fix First Column of a Bootstrap Table

I followed @koala_dev's code in this post to try to lock the first column s my table scrolls horizontally. The code unfortunately has no effect on my table. I was wondering if anyone could give me...

Datatable inline editing without editor plugin

I was using 'editor' plugin for data table and following was the code: Data table editor defined as: editor = new $.fn.dataTable.Editor( { ajax: '/contact/' + Contact.id, ...

Make table auto scroll vertically via HTML & CSS

I have a simple bootstrap table that I am trying to have vertically scroll automatically. The reason for this, is that the table will be displayed on a screen and the table could have 10 items in...

Customizing the appearance of DataTable button

Good day everyone. I'm recently working with a web application using ASP.Net (MVC 4) and found a pretty impressive kind of HTML table which is by using Datatable. I'm able to create default...

How to increase width of Bootstrap container on Max width?

I've placed a DataTable within a Bootstrap div of type container. When I run the website on the browser's max width the container for the table adds a scrollbar and cuts off the last column in the...

The pipe 'translate' could not be found , angular2 component testing

I am working on component testing with angular2. in my html template i use the translate pipe. This is the code of the test : import { ComponentFixture, TestBed ,getTestBed} from...

Datatable error in console: Uncaught TypeError: Cannot set property 'data of null

My datatable appears to be fully functioning - the filtering and sorting of all my columns work, but I still get this error in my console: Uncaught TypeError: Cannot set property 'data' of...

How to make table cells responsive in iOS Mail App

I'm currently developing an email that has a 2-column layout in various places. I initially used <div> tags for each column, which worked great in every email client except older versions of...

vuejs how do I change input value from components

I have a form which is have hidden input. There is a small list of my data. Just has title and id. This list created by vue component. I want to click this list items then change to hidden input...

Scrollable table with fixed columns and header, with modern CSS

How to make a table with so little JavaScript as possible using modern CSS? The features I'm trying to have is: fixed column(s) (positioning and width) scrollable in X and Y axis responsive in...

Uncaught TypeError: Cannot set property '_DT_CellIndex' of undefined Datatables

I am getting this error: Uncaught TypeError: Cannot set property '_DT_CellIndex' of undefined I searched the web and found that it usually occurs when the count of th mismatches the count of...

Center bootstrap table with 100% width?

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet"/> <script...

Getting bootstrap vue pagination to play with REST api

Trying to get Bootstrap Vue to play with a REST api that returns data for one page and the total number of records (based on this): <template> </div> <b-pagination ...

primeng p-table exportCSV() function not working?

I am using new PrimengV7 p-table I want export the table, So my code is <p-header> <div class="pull-right" *ngIf="collapsed"> <a href="javascript:void(0)" (click)="dt.exportCSV()"...

How to make editable input box a required field?

I have an editable input box on my form, my question is how do I make it a required field. Here's the form and what I did: <td contenteditable="true" class="empname" required></td> I'm not...

Responsive table inside Flexbox not working

The responsive Bootstrap table inside my flexbox layout is not working. It seems that the overflow property from the "responsive-table" class having no effect. If I change the outer layout from...

How to rerender multiple datatables with typescript?

I'm using typescript in angular 7, I want to have two data tables in one page, and I want a rerender method for each one so I can use a search bar, I know data tables already have a search bar,...

Responsive Bootstrap Table with Sticky Header

I have a table. The only CSS I am adding to the standard Bootstrap library is the following to implement the sticky header: .table-sticky th { background: #fff; position: sticky; top:...

Primeng Table Responsive Widths

Is there a way that I can set columns in a responsive table to have proportional widths, by that I mean a description column would be wider than a date column. Or is there a way that the table can...

why Button onclick didnt work on datatables serverside ? Laravel 6

I have function delete on my table ( using datatables) this delete is work normally but i want to add some pop up alert like "onclick" on my delete , but its didnt work on my button public...

how to show HINDI font correctly by using mpdf library or dompdf in php?

First i tried the MPDF but hindi fonts are not working properly. i added and converted utf8 properly. Also connected custom "MANGAL" font still doesn't work in MPDF library After that i tried with...

Bootstrap responsive tables does not work inside flex context

I need simple layout (always 100% width of browser window) with sidebar (<aside>) and main content (<main>) based on flexbox. Sidebar has constant width and main content has flexible width (rest...

Angular - Type Pipe does not have '╔Ámod' property

I am attempting to create a custom pipe that would return a sum of an array in a table, but for whatever reason, Angular is complaining about my pipe not having an 'emod' property. My pipe: import...

django rest datatables, filter experts by meeting objectives

I need to filter all Experts by past objectives. I have a minimal runnable example at https://github.com/morenoh149/django-rest-datatables-relations-example (btw there are fixtures you can load...

Type 'undefined' is not assignable to type 'ApexAxisChartSeries | ApexNonAxisChartSeries'

I have used this code in ts export type pieChartOptionss = { series?: ApexNonAxisChartSeries | ''; chart?: ApexChart | ''; legend?: ApexLegend | ''; dataLabels?: ApexDataLabels | ''; ...

How to get a full-width column with text aligned left in a responsive table

I'm trying to make a stackable responsive table, and I need some of the rows to be full-width (headers within in the table). I can't get the text to align left when in mobile view. Any advice is...

new line after end of current line causing creating of new prompt

I was working with xtermjs to make an in browser terminal and everything works fine except for 1 bug I have in my code which I can't figure out. The problem is when a user types in terminal and...