Custom Action to change selected column's Background color for a table in CEWP

Question

I have a OOTB CEWP. When I insert a table to this, I would like to see a context menu that would give me an option to change the selected cell's/row's/table's properties like cell padding/cell spacing/background color etc.
How can this be achieved using SP2013 ribbon's custom actions. It would be great if we could add all these properties on a separate contextual tab when row/cell/table is selected.
Rajasekar A.C

Answer 1

Hi,
If the table in Content Editor Web Part, we don’t need to use SharePoint Ribbon to achieve it.
We can insert some input button and use jQuery to change the table tr/td background color.
The code like this:
<style type="text/css">
.highlight {
background-color: red;
</style>
<script src="http://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#TableID tr").click(function () {
$(this).toggleClass("highlight");
</script>
Thanks,
Dennis Guo
TechNet Community Support
Please remember to mark the replies as answers if they help and unmark them if they provide no help. If you have feedback for TechNet Subscriber Support, contact
[email protected]
Dennis Guo
TechNet Community Support