I'm currently in the process of customizing an editable CSS table that I found on CodePen, but I'm facing some challenges with getting the HTML5, CSS, JS, and JQuery components to function as desired. Here is the link to the original CodePen snippet: http://codepen.io/ashblue/pen/mCtuA.
After copying the code into Dreamweaver CS6, I noticed that when I open the HTML file, the functionality such as adding, removing, moving rows up and down, and the CSS styling are not working as intended. The table remains plain and only allows me to edit names. I have linked the CSS and JS files correctly, so I assumed simply opening the HTML file should work.
For testing purposes, I am running a local Apache client and accessing the HTML file via localhost.
Here is the HTML code snippet:
<!DOCTYPE html>
<html lang"en">
...(HTML code continues)
The provided CSS code snippet is:
@charset "utf-8";
/* CSS Document */
...(CSS code continues)
And lastly, here is the JavaScript portion:
// JavaScript Document
...(JS code continues)
If anyone can provide insights on where I might be going wrong in implementing this customization, it would be greatly appreciated!
Thank you! :)