Change CKEditor Table Properties default width

If you want to make your CKEditor table responsive you need to set the table width in percentage rather then a fixed px or em value. By default, the table width value is set to 500 px. To change this value you need to add the following code in config.xml file.

 * @license Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see or

CKEDITOR.on('dialogDefinition', function( ev ) {
	  var diagName =;
	  var diagDefn =;

	  if(diagName === 'table') {
	    var infoTab = diagDefn.getContents('info');
	    var width = infoTab.get('txtWidth');
	    width['default'] = "100%";

The above code will set the Table's default width to 100% instead of 500 as previously set.

Change CKEditor default width.png
Change CKEditor default width.png

Recent Posts:

Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.