title: How to disable click event in cell table html?
body: <p>I have table in html, I want to disable click event in any cell of table (<code>th, td, tr</code>) using jQuery or JavaScript. How can I do it? </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table id="table1" border="1px"&gt;
  &lt;tr&gt;
    &lt;th&gt;Title1&lt;/th&gt;
    &lt;td&gt;Orange&lt;/td&gt;
    &lt;th&gt;Title2&lt;/th&gt;
    &lt;td&gt;Apple&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;th&gt;Title3&lt;/th&gt;
    &lt;td&gt;Food&lt;/td&gt;
    &lt;th&gt;Title4&lt;/th&gt;
    &lt;td&gt;Fish&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>